/* GETTIA V32 — final visual override loaded AFTER page inline CSS */

:root{
  --v32-edge: rgba(51, 221, 167, .34);
  --v32-edge-soft: rgba(51, 221, 167, .19);
  --v32-edge-cyan: rgba(67, 230, 241, .28);
  --v32-panel: #071a15;
  --v32-panel-deep: #04130f;
  --v32-lime: #cfff3b;
  --v32-cyan: #43e6f1;
  --v32-teal: #55e7ad;
}

/* 1) REMOVE THE LEFT FLOATING MASCOT FOR REAL.
   Older versions created it on .lumo-page::after, not body::after. */
body.gettia-one-screen.gettia-mascot-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .lumo-page::after{
  content:none !important;
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  width:0 !important;
  height:0 !important;
  background:none !important;
  background-image:none !important;
  border:0 !important;
  box-shadow:none !important;
}
body.gettia-one-screen.gettia-mascot-screen:not(.gettia-auth-screen):not(.gettia-public-landing)::after{
  content:none !important;
  display:none !important;
}

/* 2) OUTER MODULES: same thin green/cyan edge as Dashboard, never white. */
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .lumo-card,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .c-card,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .input-card,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .welcome-panel,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .tool-mini,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .status-box,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .plan-card,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .provider-card,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .adm-panel,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .adm-stat{
  border:1px solid var(--v32-edge-soft) !important;
  outline:0 !important;
  background:
    linear-gradient(180deg, rgba(9,31,24,.94), rgba(4,20,15,.96)) !important;
  box-shadow:
    inset 0 0 0 1px rgba(74,235,181,.015),
    0 0 16px rgba(47,224,178,.025) !important;
}

/* The primary structural cards receive the slightly brighter reference edge. */
body.gettia-creator-screen .creator-shell > *,
body.gettia-scout-screen .scout-shell > *,
body.gettia-providers-screen .module-shell > *,
body.gettia-cards-screen .module-shell > *,
body.gettia-journeys-screen .module-shell > *,
body.gettia-support-screen .module-shell > *,
body.gettia-plans-screen .module-shell > *{
  border-color:var(--v32-edge) !important;
}

/* 3) INNER CONTROLS: dark green, extremely subtle edges — no white frames. */
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .result-chip,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .route-card,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .metric-card,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .phase-pill,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .lumo-pill,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .itab,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .cat-chip,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .module-banner-frame{
  border:1px solid rgba(68,205,158,.14) !important;
  background:rgba(4,18,14,.72) !important;
  box-shadow:none !important;
}

/* Inputs must not look white either. */
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) input:not([type=radio]):not([type=checkbox]):not([type=file]),
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) select,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) textarea,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .lumo-input,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .lumo-select,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .lumo-textarea{
  border:1px solid rgba(62,190,145,.17) !important;
  background:#04140f !important;
  color:#f4fff8 !important;
  box-shadow:none !important;
}
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) input:focus,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) select:focus,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) textarea:focus{
  border-color:rgba(67,230,241,.48) !important;
  box-shadow:0 0 0 3px rgba(67,230,241,.045) !important;
}

/* 4) HERO/TITLES: exactly the Dashboard family. */
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) h1,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .lumo-title,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .page-title{
  background:linear-gradient(90deg,#ffffff 0%,#ffffff 26%,#d9ff3f 51%,#70edaa 74%,#43e6f1 100%) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
  text-shadow:none !important;
}

/* Secondary section headings: more restrained than the hero. */
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) h2,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .results-title,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .workspace-title{
  background:linear-gradient(90deg,var(--v32-cyan),#ffffff 55%,var(--v32-lime)) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
}

/* Small labels stay cyan, as in Dashboard. */
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .lumo-kicker,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .input-card-title,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .section-kicker{
  color:var(--v32-cyan) !important;
  -webkit-text-fill-color:var(--v32-cyan) !important;
  background:none !important;
}

/* 5) SPECIAL FUNCTION CARDS KEEP COLOR — only these deviate from green. */
body.gettia-scout-screen .cap-card:nth-child(1){border-color:rgba(40,183,255,.40)!important}
body.gettia-scout-screen .cap-card:nth-child(2){border-color:rgba(207,255,59,.40)!important}
body.gettia-scout-screen .cap-card:nth-child(3){border-color:rgba(217,76,255,.36)!important}
body.gettia-scout-screen .cap-card:nth-child(4){border-color:rgba(255,174,39,.38)!important}

/* 6) Keep nav lime and readable. */
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .lumo-nav-tab.is-active{
  background:linear-gradient(90deg,#cfff3b,#aaff2e) !important;
  color:#06100a !important;
  -webkit-text-fill-color:#06100a !important;
  border:1px solid rgba(207,255,59,.30) !important;
  box-shadow:0 0 16px rgba(207,255,59,.07) !important;
}
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .lumo-nav-tab.is-active *{
  color:#06100a !important;
  -webkit-text-fill-color:#06100a !important;
}

/* 7) Primary buttons same as Index. */
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .lumo-btn:not(.secondary):not(.tertiary),
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) button.lumo-btn:not(.secondary):not(.tertiary){
  background:linear-gradient(90deg,#cfff3b,#aaff2e) !important;
  color:#06100a !important;
  -webkit-text-fill-color:#06100a !important;
  border:1px solid rgba(207,255,59,.28) !important;
}

/* 8) Remove old card pseudo-outline that can read as a white rim. */
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .lumo-card::after,
body.gettia-one-screen:not(.gettia-auth-screen):not(.gettia-public-landing) .c-card::after{
  content:none !important;
  display:none !important;
  box-shadow:none !important;
  border:0 !important;
}