/* greennation-theme.css - Green Nation white-label theme (2026-08-05).
   Generated from claim-theme.css with the Green Nation palette. Every
   selector is scoped under html.brand-greennation, which config.js adds
   only on the greennationgc.com hostname (or ?brand=greennation preview
   override) - inert for RoofMetric, Gutter IQ, and ClaimZilla.
   Palette (from greennationgc.com Elementor globals + logo gradient):
     primary #30A171 | dark #22704F | bright #84C746 | teal #06AB9B
     deep #134F4E    | tint #e3f4ed
   Regenerate: re-run the color-map transform if claim-theme.css changes. */


html.brand-greennation {
  --primary:       #30A171 !important;
  --primary-soft:  rgba(48, 161, 113, 0.10) !important;
  --primary-text:  #22704F !important;
  --primary-glow:  rgba(48, 161, 113, 0.45) !important;
  --accent:        #84C746 !important;
}

html.brand-greennation .sidebar-logo,
html.brand-greennation .sidebar-brand,
html.brand-greennation .brand-mark,
html.brand-greennation .brand-row {
  --primary: #30A171;
}

html.brand-greennation h1 em,
html.brand-greennation h2 em,
html.brand-greennation .hero h1 em,
html.brand-greennation .section-header em,
html.brand-greennation .section-title em {
  color: #30A171 !important;
  font-style: normal;
}

html.brand-greennation .btn-primary,
html.brand-greennation button.primary,
html.brand-greennation .primary {
  background: linear-gradient(135deg, #30A171, #22704F) !important;
  border-color: #30A171 !important;
  color: #ffffff !important;
}

html.brand-greennation .btn-primary:hover,
html.brand-greennation button.primary:hover {
  background: linear-gradient(135deg, #84C746, #30A171) !important;
  box-shadow: 0 0 18px rgba(48, 161, 113, 0.45) !important;
}

html.brand-greennation .btn-ghost,
html.brand-greennation .btn-secondary,
html.brand-greennation button.secondary {
  border-color: #30A171 !important;
  color: #30A171 !important;
}

html.brand-greennation .btn-ghost:hover,
html.brand-greennation .btn-secondary:hover,
html.brand-greennation button.secondary:hover {
  background: rgba(48, 161, 113, 0.08) !important;
}

html.brand-greennation .cta-btn,
html.brand-greennation .mk-cta-btn,
html.brand-greennation .primary-cta {
  background: #30A171 !important;
  color: #ffffff !important;
  border-color: #30A171 !important;
}

html.brand-greennation .cta-btn:hover,
html.brand-greennation .mk-cta-btn:hover,
html.brand-greennation .primary-cta:hover {
  background: #84C746 !important;
}

html.brand-greennation a:not(.btn-primary):not(.btn-secondary):not(.cta-btn):not(.mk-cta-btn) {
  color: #22704F;
}

html.brand-greennation a:not(.btn-primary):not(.btn-secondary):not(.cta-btn):not(.mk-cta-btn):hover {
  color: #30A171;
}

html.brand-greennation .pipe-col,
html.brand-greennation .pipeline-column {
  border-top: 3px solid #30A171 !important;
}

html.brand-greennation .pipe-stage-select:focus,
html.brand-greennation .pipe-stage-select:active {
  border-color: #30A171 !important;
  box-shadow: 0 0 0 3px rgba(48, 161, 113, 0.25) !important;
}

html.brand-greennation .dtab.active,
html.brand-greennation .settings-subtab.active,
html.brand-greennation .tab-active {
  border-bottom-color: #30A171 !important;
  color: #30A171 !important;
}

html.brand-greennation .sidebar a.active,
html.brand-greennation .sidebar .nav-item.active,
html.brand-greennation .sidebar-link.active {
  background: rgba(48, 161, 113, 0.10) !important;
  border-left: 3px solid #30A171 !important;
  color: #22704F !important;
}

html.brand-greennation .estimate-card[data-highlight],
html.brand-greennation .estimate-card:focus-within {
  border-color: #30A171 !important;
}

html.brand-greennation input:focus,
html.brand-greennation select:focus,
html.brand-greennation textarea:focus {
  outline-color: #30A171 !important;
  border-color: #30A171 !important;
}

html.brand-greennation .price,
html.brand-greennation .metric-value,
html.brand-greennation .stat-value,
html.brand-greennation .home-kpi-value {
  color: #22704F !important;
}

html.brand-greennation .badge-info,
html.brand-greennation .pill-info,
html.brand-greennation .notif-pill,
html.brand-greennation .badge-primary,
html.brand-greennation .pill-primary,
html.brand-greennation .role-badge.role-owner {
  background: rgba(48, 161, 113, 0.12) !important;
  color: #22704F !important;
  border-color: #30A171 !important;
}

html.brand-greennation .account-status-card {
  border-color: #30A171 !important;
  background: linear-gradient(135deg, rgba(48,161,113,0.05), rgba(48,161,113,0.02)) !important;
}

html.brand-greennation .modal-header,
html.brand-greennation .overlay-header {
  border-bottom: 2px solid #30A171 !important;
}

html.brand-greennation .hero-action,
html.brand-greennation button.hero-action {
  background: linear-gradient(135deg, #30A171, #22704F) !important;
  border-color: #30A171 !important;
  color: #ffffff !important;
  box-shadow: 0 3px 10px -2px rgba(48, 161, 113, 0.32) !important;
}

html.brand-greennation .hero-action:hover {
  box-shadow: 0 6px 14px -3px rgba(48, 161, 113, 0.45) !important;
}

html.brand-greennation a {
  color: #30A171;
}

html.brand-greennation .dtab.active,
html.brand-greennation .subtab.active,
html.brand-greennation .tab.active {
  color: #30A171 !important;
  border-bottom-color: #30A171 !important;
}

html.brand-greennation .workflow-step.active,
html.brand-greennation .wf-step.active,
html.brand-greennation .step.active {
  background: #30A171 !important;
  border-color: #30A171 !important;
}

html.brand-greennation .rm-btn-primary,
html.brand-greennation .btn-tag-primary,
html.brand-greennation .modal-btn-primary,
html.brand-greennation #generateEstimate,
html.brand-greennation #nc_create,
html.brand-greennation #leadBalanceTopupBtn,
html.brand-greennation #cd_logComm {
  background: linear-gradient(135deg, #30A171, #22704F) !important;
  color: #ffffff !important;
  border-color: #30A171 !important;
}

html.brand-greennation .progress-bar,
html.brand-greennation .progress-fill,
html.brand-greennation .pb-fill,
html.brand-greennation .pb-bar {
  background: linear-gradient(90deg, #30A171, #84C746) !important;
}

html.brand-greennation .sidebar-item-active,
html.brand-greennation .nav-link.is-active,
html.brand-greennation .sidenav-item.selected {
  background: rgba(48, 161, 113, 0.12) !important;
  color: #22704F !important;
  border-left-color: #30A171 !important;
}

html.brand-greennation .note.comm-note {
  border-left-color: #30A171 !important;
}

html.brand-greennation .cd-tab.active,
html.brand-greennation [data-cdtab].active {
  border-bottom-color: #30A171 !important;
  color: #22704F !important;
}

html.brand-greennation .notif-dot,
html.brand-greennation .has-unread::after,
html.brand-greennation .nav-badge {
  background: #30A171 !important;
  color: #ffffff !important;
}

html.brand-greennation .tmpl-color-swatch.is-active {
  outline-color: #30A171 !important;
}

html.brand-greennation .info-banner,
html.brand-greennation .tip-banner,
html.brand-greennation .callout-info {
  background: rgba(48, 161, 113, 0.06) !important;
  border-color: rgba(48, 161, 113, 0.35) !important;
  color: #0f3d2b !important;
}

html.brand-greennation .toast,
html.brand-greennation .snackbar {
  background: linear-gradient(135deg, #30A171, #22704F) !important;
  color: #ffffff !important;
}

html.brand-greennation .spinner,
html.brand-greennation .loader-ring {
  border-top-color: #30A171 !important;
}

html.brand-greennation [style*="color: #1d4ed8"],
html.brand-greennation [style*="color:#1d4ed8"],
html.brand-greennation [style*="color: rgb(29,
html.brand-greennation 78,
html.brand-greennation 216)"] {
  color: #22704F !important;
}

html.brand-greennation [style*="background:#1d4ed8"],
html.brand-greennation [style*="background: #1d4ed8"],
html.brand-greennation [style*="background-color:#1d4ed8"],
html.brand-greennation [style*="background-color: #1d4ed8"] {
  background: #30A171 !important;
}

html.brand-greennation .topbar-signout {
  border-color: #30A171 !important;
}

html.brand-greennation .topbar-signout:hover,
html.brand-greennation .primary.small,
html.brand-greennation .history-row button.primary.small,
html.brand-greennation .tpl-preview-header,
html.brand-greennation .hero-action,
html.brand-greennation button.primary {
  background: linear-gradient(135deg, #30A171, #22704F) !important;
}

html.brand-greennation .hero {
  background: linear-gradient(135deg, #134F4E 0%, #22704F 50%, #30A171 100%) !important;
}

html.brand-greennation .history-row button {
  border-color: #30A171 !important;
}

html.brand-greennation .history-row button.secondary.small {
  border-color: #30A171 !important;
}

html.brand-greennation .tpl-preview-logo-fallback {
  background: linear-gradient(135deg, #30A171, #22704F) !important;
}

html.brand-greennation .tpl-preview-meta-num {
  color: #22704F !important;
}

html.brand-greennation .tpl-preview-table th {
  background: #30A171 !important;
}

html.brand-greennation .tpl-preview-grand {
  border-top-color: #30A171 !important;
}

html.brand-greennation .tpl-preview-grand span:last-child {
  color: #22704F !important;
}

html.brand-greennation .settings-grid select:focus {
  border-color: #30A171 !important;
}

html.brand-greennation .doc-row:hover {
  border-color: #30A171 !important;
}

html.brand-greennation button.secondary {
  border-color: #30A171 !important;
}

html.brand-greennation .atab.active,
html.brand-greennation .dtab.active,
html.brand-greennation .settings-subtab.active {
  color: #22704F !important; border-bottom-color: #30A171 !important;
}

html.brand-greennation .trace-tile-num {
  background: #30A171 !important;
}

html.brand-greennation .team-tree-row .role-owner {
  background: #e3f4ed !important; color: #1c5a41 !important;
}

html.brand-greennation .rm-btn.rm-btn-primary {
  background: #30A171 !important; border-color: #30A171 !important;
}

html.brand-greennation .rm-btn.rm-btn-primary:hover {
  background: #22704F !important; border-color: #22704F !important;
}

html.brand-greennation .pv-thumb.active {
  border-color: #30A171 !important;
}

html.brand-greennation [style*="#1d4ed8,
html.brand-greennation #06b6d4"],
html.brand-greennation [style*="#1d4ed8,
html.brand-greennation #06b6d4"] {
  background: linear-gradient(135deg, #30A171, #22704F) !important;
}

html.brand-greennation [style*="background:#1d4ed8"],
html.brand-greennation [style*="background: #1d4ed8"],
html.brand-greennation [style*="background:var(--primary,
html.brand-greennation #1d4ed8)"] {
  background: #30A171 !important;
}

html.brand-greennation [style*="color:#1d4ed8"],
html.brand-greennation [style*="color: #1d4ed8"],
html.brand-greennation [style*="color:var(--primary,
html.brand-greennation #1d4ed8)"],
html.brand-greennation [style*="color:var(--primary,
html.brand-greennation #1d4ed8)"] {
  color: #22704F !important;
}

html.brand-greennation [style*="border:1.5px solid #1d4ed8"],
html.brand-greennation [style*="border:1.5px dashed #1d4ed8"] {
  border-color: #30A171 !important;
}

html.brand-greennation [style*="background:#dbeafe"]:not([data-brand]),
html.brand-greennation [style*="background: #dbeafe"]:not([data-brand]) {
  background: #e3f4ed !important;
}

html.brand-greennation [style*="color:#1e40af"]:not([data-brand]),
html.brand-greennation [style*="color: #1e40af"]:not([data-brand]),
html.brand-greennation [style*="color:#1e3a8a"]:not([data-brand]),
html.brand-greennation [style*="color: #1e3a8a"]:not([data-brand]) {
  color: #1c5a41 !important;
}

html.brand-greennation [style*="color:#1f6feb"],
html.brand-greennation [style*="background:#1f6feb"],
html.brand-greennation [style*="background: #1f6feb"] {
  color: #22704F; background-color: #30A171;
}

html.brand-greennation .auth-submit {
  background: #30A171 !important;
}

html.brand-greennation .auth-tab.active {
  color: #22704F !important; border-bottom-color: #30A171 !important;
}


/* ============================================================
   NO SELF-SERVE BILLING - Green Nation is billed directly, so
   their clone never shows subscription/purchase/upgrade UI.
   Same audited selector list styles.css uses for .rm-native
   (App Store 3.1.1) - keep the two lists in sync.
   ============================================================ */
html.brand-greennation #pricing,
html.brand-greennation #billingActionsRow,
html.brand-greennation #subscriptionPlans,
html.brand-greennation #subscriptionCard,
html.brand-greennation .settings-subtab[data-subtab="billing"],
html.brand-greennation #usageNudge,
html.brand-greennation a[href="#pricing"] { display: none !important; }

/* ============================================================
   PRIVATE INSTANCE - no public signup on the Green Nation
   domain. Their clone is one company's branded workspace, not
   a resold product: strangers must not be able to create trial
   accounts under GN branding. Team invites still work - the
   ?invite=TOKEN link auto-opens the signup form in auth-ui.js;
   this only hides the manual entry points.
   ============================================================ */
html.brand-greennation .auth-tab[data-mode="signup"],
html.brand-greennation #authToggle { display: none !important; }