/* Vchat 0.60.6-alpha · Nexo Surface System Cleanup
 * Final non-AI highlighted-card treatment.
 * Bright violet legacy emphasis is retired from operational/marketing/library surfaces.
 * AI-specific and connection-process surfaces keep their dedicated Nexo gradient language.
 */

#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo{
  --vchat-nexo-dark-card:linear-gradient(145deg,#0F172A 0%,#14213D 58%,#172554 100%);
  --vchat-nexo-dark-card-hover:linear-gradient(145deg,#111C31 0%,#172554 58%,#1E3A8A 112%);
  --vchat-nexo-dark-border:rgba(99,102,241,.14);
  --vchat-nexo-dark-shadow:0 18px 42px rgba(15,23,42,.14),0 8px 22px rgba(56,189,248,.035);
}

/* --------------------------------------------------------------------------
 * Shared non-AI emphasis cards
 * ----------------------------------------------------------------------- */
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-home-kpis article.is-primary,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-library-kpis article:first-child,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-analytics-kpis-primary article:first-child,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-analytics-insight-card,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-analytics-business-note,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-marketing-kpis article:first-child,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-marketing-performance{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  background:var(--vchat-nexo-dark-card)!important;
  border:1px solid var(--vchat-nexo-dark-border)!important;
  color:#FFFFFF!important;
  box-shadow:var(--vchat-nexo-dark-shadow)!important;
}

/* Brand light inside the dark surface: subtle, never a flat purple block. */
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-home-kpis article.is-primary::after,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-library-kpis article:first-child::after,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-analytics-kpis-primary article:first-child::after,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-marketing-kpis article:first-child::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  width:150px!important;
  height:150px!important;
  top:-62px!important;
  right:-50px!important;
  border-radius:50%!important;
  background:radial-gradient(circle at 35% 35%,rgba(56,189,248,.22),rgba(99,102,241,.12) 45%,rgba(139,92,246,0) 72%)!important;
  pointer-events:none!important;
}

#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-analytics-insight-card::after,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-analytics-business-note::after,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-marketing-performance::after{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  width:220px!important;
  height:220px!important;
  top:-125px!important;
  right:-105px!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(56,189,248,.10) 0%,rgba(99,102,241,.07) 42%,transparent 70%)!important;
  pointer-events:none!important;
}

/* Ensure legacy text colors cannot leak back into dark surfaces. */
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-home-kpis article.is-primary > *,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-library-kpis article:first-child > *,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-analytics-kpis-primary article:first-child > *,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-analytics-insight-card > *,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-analytics-business-note > *,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-marketing-kpis article:first-child > *,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-marketing-performance > *{
  position:relative!important;
  z-index:1!important;
}

#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-home-kpis article.is-primary small,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-home-kpis article.is-primary strong,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-home-kpis article.is-primary span,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-library-kpis article:first-child small,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-library-kpis article:first-child strong,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-library-kpis article:first-child span,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-analytics-kpis-primary article:first-child small,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-analytics-kpis-primary article:first-child strong,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-analytics-kpis-primary article:first-child span,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-analytics-insight-card header small,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-analytics-insight-card header h2,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-analytics-primary-insight strong,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-analytics-primary-insight p,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-analytics-insight-list strong,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-analytics-insight-list small,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-analytics-business-note *,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-marketing-kpis article:first-child small,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-marketing-kpis article:first-child strong,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-marketing-kpis article:first-child span,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-marketing-performance header small,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-marketing-performance header h2,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-marketing-performance header > span,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-marketing-performance .vchat-marketing-funnel span,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-marketing-performance .vchat-marketing-funnel b{
  color:#FFFFFF!important;
  -webkit-text-fill-color:#FFFFFF!important;
  opacity:1!important;
}

#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-library-kpis article:first-child span,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-analytics-kpis-primary article:first-child span,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-marketing-kpis article:first-child span,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-marketing-performance header small{
  color:rgba(255,255,255,.76)!important;
  -webkit-text-fill-color:rgba(255,255,255,.76)!important;
}

/* Analytics insight internals: retain depth without drifting back to purple. */
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-analytics-primary-insight>span{
  background:#FFFFFF!important;
  color:#4F46E5!important;
  -webkit-text-fill-color:#4F46E5!important;
  box-shadow:0 8px 20px rgba(15,23,42,.12)!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-analytics-insight-list>div{
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(255,255,255,.10)!important;
}

/* Marketing funnel: brand accent is reserved for the data itself, not the card background. */
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-marketing-performance .vchat-marketing-funnel i{
  background:rgba(255,255,255,.14)!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-marketing-performance .vchat-marketing-funnel i::after{
  background:linear-gradient(90deg,#6366F1 0%,#38BDF8 100%)!important;
}

/* Hover only where KPI cards are already interactive; no pointer behavior is introduced. */
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo button.vchat-home-command.is-primary:hover,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo [role="button"].vchat-home-command.is-primary:hover{
  background:var(--vchat-nexo-dark-card-hover)!important;
}

/* Retire strong violet fills from common non-AI chip/button states in these modules. */
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-library-category-filters button.is-active,
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-marketing-filters button.is-active{
  background:#EEF2FF!important;
  border-color:#C7D2FE!important;
  color:#4338CA!important;
  -webkit-text-fill-color:#4338CA!important;
}

@media(max-width:760px){
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-home-kpis article.is-primary::after,
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-library-kpis article:first-child::after,
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-analytics-kpis-primary article:first-child::after,
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-marketing-kpis article:first-child::after{
    width:120px!important;
    height:120px!important;
    top:-54px!important;
    right:-40px!important;
  }
}