/* Vchat 0.60.4 · Connection Center visual rhythm polish
   Scoped only to the Channels / Connection Center surface. */
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-center{
  --vcc-navy:#0F172A;
  --vcc-slate:#64748B;
  --vcc-muted:#94A3B8;
  --vcc-border:#E2E8F0;
  --vcc-soft:#F8FAFC;
  --vcc-peri:#6366F1;
  --vcc-violet:#8B5CF6;
  --vcc-cyan:#38BDF8;
  padding-bottom:72px!important;
}

/* Page heading: keep CTA visually related without crowding the content below. */
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-heading{
  align-items:flex-end!important;
  gap:28px!important;
  margin-bottom:28px!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-heading>div{
  max-width:820px!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-heading .vchat-primary-action{
  flex:0 0 auto!important;
  min-height:46px!important;
  padding-inline:20px!important;
  border-radius:14px!important;
  box-shadow:0 12px 28px rgba(99,102,241,.16)!important;
}

/* Advanced connection callout: independent card with deliberate breathing room. */
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-meta-advanced-callout{
  position:relative!important;
  isolation:isolate!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  gap:16px!important;
  align-items:center!important;
  margin:0 0 24px!important;
  padding:16px 18px!important;
  border:1px solid rgba(99,102,241,.15)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 94% 10%,rgba(56,189,248,.12),transparent 24%),
    linear-gradient(135deg,rgba(99,102,241,.075),rgba(255,255,255,.98) 56%,rgba(56,189,248,.045))!important;
  box-shadow:0 12px 32px rgba(15,23,42,.055)!important;
  overflow:hidden!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-meta-advanced-callout::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:auto 0 0;
  height:2px;
  background:linear-gradient(90deg,var(--vcc-violet),var(--vcc-peri) 52%,var(--vcc-cyan));
  opacity:.55;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-meta-advanced-icon{
  width:48px!important;
  height:48px!important;
  border-radius:15px!important;
  box-shadow:0 10px 24px rgba(99,102,241,.18)!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-meta-advanced-callout>div:nth-child(2){
  min-width:0!important;
  padding-right:8px!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-meta-advanced-callout span{
  margin-bottom:5px!important;
  font-size:9px!important;
  letter-spacing:.16em!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-meta-advanced-callout strong{
  font-size:15px!important;
  letter-spacing:-.012em!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-meta-advanced-callout p{
  margin-top:5px!important;
  max-width:760px!important;
  font-size:11px!important;
  line-height:1.5!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-meta-advanced-callout button{
  min-width:184px!important;
  min-height:44px!important;
  border:0!important;
  border-radius:13px!important;
  background:linear-gradient(135deg,var(--vcc-violet),var(--vcc-peri) 56%,#4E8FF7)!important;
  color:#fff!important;
  box-shadow:0 10px 22px rgba(99,102,241,.16)!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-meta-advanced-callout button:hover{
  transform:translateY(-1px)!important;
  filter:saturate(1.04) brightness(.985)!important;
  box-shadow:0 13px 28px rgba(99,102,241,.22)!important;
}

/* Overview cards: create a distinct row with consistent card geometry. */
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connection-overview{
  grid-template-columns:minmax(0,1.45fr) repeat(3,minmax(150px,.62fr))!important;
  align-items:stretch!important;
  gap:14px!important;
  margin:0 0 36px!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connection-overview>article{
  min-height:118px!important;
  padding:18px 19px!important;
  border:1px solid rgba(148,163,184,.25)!important;
  border-radius:20px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 9px 26px rgba(15,23,42,.045)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connection-overview>article:not(.vchat-connection-score):hover{
  transform:translateY(-2px)!important;
  border-color:rgba(99,102,241,.22)!important;
  box-shadow:0 15px 34px rgba(15,23,42,.07)!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connection-overview>article:not(.vchat-connection-score) small{
  margin-bottom:10px!important;
  color:#94A3B8!important;
  -webkit-text-fill-color:#94A3B8!important;
  font-size:9px!important;
  font-weight:700!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connection-overview>article:not(.vchat-connection-score) strong{
  margin-bottom:7px!important;
  color:var(--vcc-navy)!important;
  -webkit-text-fill-color:var(--vcc-navy)!important;
  font-size:18px!important;
  letter-spacing:-.02em!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connection-overview>article:not(.vchat-connection-score) span{
  color:#94A3B8!important;
  -webkit-text-fill-color:#94A3B8!important;
  font-size:9px!important;
  line-height:1.45!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connection-overview>article.vchat-connection-score{
  min-height:118px!important;
  padding:18px 20px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:20px!important;
  background:
    radial-gradient(circle at 92% 20%,rgba(56,189,248,.25),transparent 30%),
    linear-gradient(135deg,#6548E8 0%,#6366F1 55%,#35B9E8 100%)!important;
  box-shadow:0 14px 32px rgba(79,70,229,.17)!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connection-overview>article.vchat-connection-score::after{
  top:-54px!important;
  right:-46px!important;
  width:150px!important;
  height:150px!important;
  background:rgba(255,255,255,.105)!important;
}

/* Section headers: stronger separation between overview / Meta / Web blocks. */
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connection-section-head{
  align-items:flex-end!important;
  margin:0 0 16px!important;
  padding-top:0!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connection-section-head.is-web{
  margin-top:38px!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connection-section-head small{
  margin-bottom:5px!important;
  color:#5967E8!important;
  -webkit-text-fill-color:#5967E8!important;
  letter-spacing:.14em!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connection-section-head h2{
  margin-bottom:4px!important;
  color:var(--vcc-navy)!important;
  -webkit-text-fill-color:var(--vcc-navy)!important;
  font-size:20px!important;
  letter-spacing:-.018em!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connection-section-head p{
  color:#8A99AD!important;
  -webkit-text-fill-color:#8A99AD!important;
  font-size:10px!important;
  line-height:1.5!important;
}

/* Meta channel cards: less cramped and more premium. */
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-grid-047{
  gap:16px!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-grid-047 article{
  min-height:144px!important;
  padding:20px!important;
  column-gap:15px!important;
  row-gap:14px!important;
  border:1px solid rgba(148,163,184,.26)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:0 9px 28px rgba(15,23,42,.04)!important;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-grid-047 article:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(99,102,241,.22)!important;
  box-shadow:0 15px 36px rgba(15,23,42,.07)!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-grid-047 article[data-meta-channel="whatsapp"]{
  background:linear-gradient(145deg,rgba(240,253,247,.68),#fff 42%)!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-grid-047 article[data-meta-channel="instagram"]{
  background:linear-gradient(145deg,rgba(253,242,248,.62),#fff 42%)!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-grid-047 article[data-meta-channel="facebook"]{
  background:linear-gradient(145deg,rgba(239,246,255,.68),#fff 42%)!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-grid-047 article>span{
  width:48px!important;
  height:48px!important;
  border-radius:15px!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-grid-047 article strong{
  margin-bottom:6px!important;
  color:var(--vcc-navy)!important;
  -webkit-text-fill-color:var(--vcc-navy)!important;
  font-size:13px!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-grid-047 article small{
  color:#8A99AD!important;
  -webkit-text-fill-color:#8A99AD!important;
  line-height:1.5!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-grid-047 article em{
  display:inline-flex!important;
  width:max-content!important;
  margin-top:8px!important;
  padding:5px 8px!important;
  border:1px solid #E7EBF3!important;
  border-radius:999px!important;
  background:#FAFBFD!important;
  color:#8A99AD!important;
  -webkit-text-fill-color:#8A99AD!important;
  font-size:8px!important;
  font-weight:700!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-grid-047 article button{
  min-height:36px!important;
  padding:0 13px!important;
  border:1px solid #D8DDF0!important;
  border-radius:11px!important;
  background:#fff!important;
  color:#5046B6!important;
  -webkit-text-fill-color:#5046B6!important;
  box-shadow:0 4px 12px rgba(15,23,42,.025)!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-grid-047 article button:hover{
  border-color:#BFC6F8!important;
  background:#F7F7FF!important;
  color:#3730A3!important;
  -webkit-text-fill-color:#3730A3!important;
}

/* Web channel: remove legacy purple surface and keep the same rhythm as Meta cards. */
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-web-channel-card{
  gap:22px!important;
  padding:21px 22px!important;
  border:1px solid rgba(148,163,184,.26)!important;
  border-radius:20px!important;
  background:linear-gradient(145deg,#fff,rgba(238,242,255,.42) 72%,rgba(240,249,255,.38))!important;
  box-shadow:0 10px 30px rgba(15,23,42,.045)!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-web-channel-main>span{
  background:linear-gradient(145deg,#F1EEFF,#EAF8FF)!important;
  color:#4F46E5!important;
  -webkit-text-fill-color:#4F46E5!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-web-channel-main strong{
  color:var(--vcc-navy)!important;
  -webkit-text-fill-color:var(--vcc-navy)!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-web-channel-main p{
  color:#8A99AD!important;
  -webkit-text-fill-color:#8A99AD!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-web-channel-tags em{
  border:1px solid rgba(99,102,241,.10)!important;
  background:#F5F6FF!important;
  color:#5548C7!important;
  -webkit-text-fill-color:#5548C7!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-web-channel-actions button:first-child{
  border-color:#4F46E5!important;
  background:#4F46E5!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  box-shadow:0 9px 22px rgba(79,70,229,.16)!important;
}
#vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-web-channel-actions button:first-child:hover{
  background:#4338CA!important;
  border-color:#4338CA!important;
}

@media(max-width:1180px){
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-heading{align-items:flex-start!important}
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connection-overview{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connection-overview>article.vchat-connection-score{grid-column:1/-1!important}
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-grid-047{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-grid-047 article:last-child{grid-column:1/-1!important}
}
@media(max-width:900px){
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-heading{display:grid!important;grid-template-columns:1fr!important;gap:18px!important}
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-heading .vchat-primary-action{justify-self:start!important}
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-meta-advanced-callout{grid-template-columns:48px minmax(0,1fr)!important}
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-meta-advanced-callout button{grid-column:1/-1!important;width:100%!important}
}
@media(max-width:760px){
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connection-overview,
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-grid-047{grid-template-columns:1fr!important}
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connection-overview>article.vchat-connection-score,
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-grid-047 article:last-child{grid-column:auto!important}
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-meta-advanced-callout{margin-bottom:20px!important;padding:15px!important}
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connection-overview{gap:12px!important;margin-bottom:30px!important}
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-grid-047{gap:12px!important}
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-web-channel-card{padding:18px!important}
}
@media(max-width:520px){
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-meta-advanced-callout{grid-template-columns:1fr!important;text-align:left!important}
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-meta-advanced-icon{width:44px!important;height:44px!important}
  #vchat-frontend-app.vchat-frontend-app.vchat-identity-nexo .vchat-connections-heading .vchat-primary-action{width:100%!important}
}