/* Vchat Core 0.65.65 — Vmail brand clarity.
 * One official horizontal lockup, strong contrast, no repeated logo cluster.
 */
#vchat-frontend-app.vchat-frontend-app .vchat-vmail-integration-panel .vmail-int-hero-card{
  grid-template-columns:minmax(220px,300px) minmax(0,1fr)!important;
  gap:34px!important;
  align-items:center!important;
  min-height:196px!important;
  padding:30px 34px!important;
  background:
    radial-gradient(circle at 95% 10%,rgba(50,190,244,.58),transparent 31%),
    radial-gradient(circle at 55% 110%,rgba(115,85,248,.33),transparent 40%),
    linear-gradient(118deg,#17152c 0%,#25205f 38%,#4035c2 70%,#24a8e6 100%)!important;
}
#vchat-frontend-app.vchat-frontend-app .vchat-vmail-integration-panel .vmail-int-hero-card:after{
  background:linear-gradient(90deg,rgba(5,6,18,.10),transparent 60%)!important;
}
#vchat-frontend-app.vchat-frontend-app .vchat-vmail-integration-panel .vmail-int-brand-plate{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:116px!important;
  padding:24px 26px!important;
  border:1px solid rgba(255,255,255,.54)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 20px 45px rgba(8,8,32,.20),inset 0 1px 0 #fff!important;
}
#vchat-frontend-app.vchat-frontend-app .vchat-vmail-integration-panel .vmail-int-brand-plate .vmail-int-wordmark{
  display:block!important;
  width:100%!important;
  max-width:245px!important;
  height:auto!important;
  margin:0!important;
  filter:none!important;
}
#vchat-frontend-app.vchat-frontend-app .vchat-vmail-integration-panel .vmail-int-logo-wrap,
#vchat-frontend-app.vchat-frontend-app .vchat-vmail-integration-panel .vmail-int-logo,
#vchat-frontend-app.vchat-frontend-app .vchat-vmail-integration-panel .vmail-int-logo-motion{display:none!important}
#vchat-frontend-app.vchat-frontend-app .vchat-vmail-integration-panel .vmail-int-hero-copy{min-width:0!important}
#vchat-frontend-app.vchat-frontend-app .vchat-vmail-integration-panel .vmail-int-hero-copy small{
  color:rgba(255,255,255,.76)!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.14em!important;
}
#vchat-frontend-app.vchat-frontend-app .vchat-vmail-integration-panel .vmail-int-hero-copy h3{
  display:block!important;
  margin:7px 0 9px!important;
  color:#fff!important;
  font-size:25px!important;
  line-height:1.14!important;
  font-weight:880!important;
  letter-spacing:-.035em!important;
  text-shadow:0 2px 16px rgba(0,0,0,.12)!important;
}
#vchat-frontend-app.vchat-frontend-app .vchat-vmail-integration-panel .vmail-int-hero-copy p{
  max-width:820px!important;
  margin:0!important;
  color:rgba(255,255,255,.88)!important;
  font-size:13.5px!important;
  line-height:1.6!important;
  font-weight:560!important;
}
#vchat-frontend-app.vchat-frontend-app .vchat-vmail-integration-panel .vmail-int-guide-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  margin-top:15px!important;
  padding:8px 13px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  font-size:10.5px!important;
  font-weight:850!important;
  text-decoration:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09)!important;
}
#vchat-frontend-app.vchat-frontend-app .vchat-vmail-integration-panel .vmail-int-guide-link:hover{
  background:rgba(255,255,255,.19)!important;
  border-color:rgba(255,255,255,.42)!important;
}
@media(max-width:820px){
  #vchat-frontend-app.vchat-frontend-app .vchat-vmail-integration-panel .vmail-int-hero-card{grid-template-columns:1fr!important;gap:20px!important;padding:24px!important}
  #vchat-frontend-app.vchat-frontend-app .vchat-vmail-integration-panel .vmail-int-brand-plate{width:min(100%,300px)!important;min-height:96px!important;padding:20px!important}
  #vchat-frontend-app.vchat-frontend-app .vchat-vmail-integration-panel .vmail-int-hero-copy h3{font-size:22px!important}
}