/* Vchat 0.36.49 — Connection/Design polish + compact preview */
/* Fix: score card was inheriting the generic white article background due to higher specificity. */
.vchat-frontend-app .vchat-connection-overview>article.vchat-connection-score{background:linear-gradient(135deg,#33295f,#6554b8)!important;color:#fff!important;border-color:transparent!important}
.vchat-frontend-app .vchat-connection-overview>article.vchat-connection-score small,.vchat-frontend-app .vchat-connection-overview>article.vchat-connection-score strong,.vchat-frontend-app .vchat-connection-overview>article.vchat-connection-score p{color:#fff!important}
.vchat-frontend-app .vchat-connection-overview>article.vchat-connection-score small,.vchat-frontend-app .vchat-connection-overview>article.vchat-connection-score p{opacity:.78!important}
.vchat-frontend-app .vchat-connection-overview>article{overflow:hidden!important}
.vchat-frontend-app .vchat-connection-overview>article:not(.vchat-connection-score) small,.vchat-frontend-app .vchat-connection-overview>article:not(.vchat-connection-score) strong,.vchat-frontend-app .vchat-connection-overview>article:not(.vchat-connection-score) span{background:transparent!important;text-shadow:none!important}

/* Connection cards: real breathing room and no clipped copy */
.vchat-frontend-app .vchat-connections-grid-047 article{padding:20px!important;column-gap:15px!important;row-gap:16px!important;overflow:hidden!important}
.vchat-frontend-app .vchat-connections-grid-047 article>div{min-width:0!important;overflow:hidden!important}
.vchat-frontend-app .vchat-connections-grid-047 article strong{line-height:1.3!important;color:#29243f!important}
.vchat-frontend-app .vchat-connections-grid-047 article small,.vchat-frontend-app .vchat-connections-grid-047 article em{white-space:normal!important;overflow-wrap:anywhere!important}
.vchat-frontend-app .vchat-web-channel-card{padding:20px!important;overflow:hidden!important}
.vchat-frontend-app .vchat-web-channel-main{flex:1 1 auto!important;min-width:0!important}
.vchat-frontend-app .vchat-web-channel-main>div{min-width:0!important}
.vchat-frontend-app .vchat-web-channel-main p{max-width:760px!important;white-space:normal!important;overflow-wrap:anywhere!important}
.vchat-frontend-app .vchat-web-channel-actions{flex-wrap:wrap!important;justify-content:flex-end!important}

/* Design Studio spacing */
.vchat-frontend-app .vchat-design-presets{padding:14px 16px!important;gap:10px!important}
.vchat-frontend-app .vchat-design-presets button{padding:0 14px!important;min-height:38px!important}
.vchat-frontend-app .vchat-design-presets button.is-active{background:#5b49a5!important;border-color:#5b49a5!important;color:#fff!important;box-shadow:0 8px 18px rgba(91,73,165,.18)!important}
.vchat-frontend-app .vchat-design-controls{padding:20px!important}
.vchat-frontend-app .vchat-design-controls .vchat-widget-customizer-section{padding:20px!important;border-radius:18px!important}
.vchat-frontend-app .vchat-design-controls .vchat-settings-grid{gap:16px!important;row-gap:18px!important}
.vchat-frontend-app .vchat-design-controls .vchat-settings-grid label{display:block!important;min-width:0!important;line-height:1.35!important}
.vchat-frontend-app .vchat-design-controls input,.vchat-frontend-app .vchat-design-controls select,.vchat-frontend-app .vchat-design-controls textarea{margin-top:8px!important;min-height:46px!important;padding:11px 13px!important;line-height:1.4!important}
.vchat-frontend-app .vchat-design-controls textarea{min-height:86px!important}
.vchat-frontend-app .vchat-design-section-title{margin-bottom:18px!important;gap:12px!important}
.vchat-frontend-app .vchat-design-section-title h3{line-height:1.25!important;color:#302a49!important}
.vchat-frontend-app .vchat-design-section-title p{line-height:1.45!important}
.vchat-frontend-app .vchat-design-feature-note{display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;gap:11px!important;align-items:center!important;margin-top:16px!important;padding:13px 14px!important;border:1px solid #e7e2f2!important;border-radius:13px!important;background:#fff!important}
.vchat-frontend-app .vchat-design-feature-note>span{display:grid!important;place-items:center!important;width:32px!important;height:32px!important;border-radius:10px!important;background:#eeeafd!important;color:#5c49a7!important}
.vchat-frontend-app .vchat-design-feature-note strong,.vchat-frontend-app .vchat-design-feature-note small{display:block!important;margin:0!important}.vchat-frontend-app .vchat-design-feature-note strong{font-size:9px!important;margin-bottom:3px!important}.vchat-frontend-app .vchat-design-feature-note small{font-size:8px!important;line-height:1.45!important;color:#8d869c!important}

/* Compact preview: always visible without an enormous vertical canvas */
.vchat-frontend-app .vchat-design-preview{top:72px!important;padding:18px!important}
.vchat-frontend-app .vchat-design-preview .vchat-widget-preview-canvas{min-height:440px!important;height:440px!important;padding:18px!important}
.vchat-frontend-app .vchat-preview-site{inset:18px!important}
.vchat-frontend-app .vchat-preview-site>div{height:118px!important;margin-top:16px!important}
.vchat-frontend-app .vchat-design-preview .vchat-mini-widget{width:min(330px,94%)!important;margin:44px 0 66px auto!important;max-height:336px!important}
.vchat-frontend-app .vchat-widget-preview-canvas .vchat-mini-widget header{padding:12px 13px!important;gap:9px!important}
.vchat-frontend-app .vchat-widget-preview-canvas .vchat-mini-widget header>span{width:30px!important;height:30px!important;border-radius:10px!important}
.vchat-frontend-app .vchat-widget-preview-canvas .vchat-mini-widget header strong{font-size:11px!important}.vchat-frontend-app .vchat-widget-preview-canvas .vchat-mini-widget header small{font-size:7px!important}
.vchat-frontend-app .vchat-widget-preview-canvas .vchat-mini-widget main{min-height:0!important;padding:13px!important;overflow:auto!important}
.vchat-frontend-app .vchat-mini-widget main>i{width:32px!important;height:32px!important;margin-bottom:8px!important;border-radius:10px!important}
.vchat-frontend-app .vchat-mini-widget main>strong{font-size:13px!important;margin-bottom:5px!important}
.vchat-frontend-app .vchat-widget-preview-canvas .vchat-mini-widget main>p{font-size:8px!important;line-height:1.45!important;padding:9px 10px!important;margin:0 0 8px!important}
.vchat-frontend-app .vchat-mini-widget main>button{margin-top:9px!important;padding:8px 10px!important}
.vchat-frontend-app .vchat-widget-preview-canvas .vchat-mini-widget footer{padding:9px 10px!important}
.vchat-frontend-app .vchat-mini-launch-wrap{right:14px!important;bottom:14px!important}
.vchat-frontend-app .vchat-widget-preview-canvas.is-left .vchat-mini-launch-wrap{left:14px!important;right:auto!important}
.vchat-frontend-app .vchat-mini-ai-badge{display:flex!important;align-items:center!important;gap:6px!important;margin:0 0 8px!important;padding:6px 8px!important;border:1px solid rgba(101,84,184,.14)!important;border-radius:9px!important;background:rgba(255,255,255,.82)!important;color:#655b78!important;font-size:7px!important;font-weight:850!important}.vchat-frontend-app .vchat-mini-ai-badge[hidden]{display:none!important}.vchat-frontend-app .vchat-mini-ai-badge b{display:grid!important;place-items:center!important;width:18px!important;height:18px!important;border-radius:6px!important;background:var(--widget-color)!important;color:#fff!important}.vchat-frontend-app .vchat-mini-ai-badge i{width:6px!important;height:6px!important;margin-left:auto!important;border-radius:50%!important;background:#43c782!important}
.vchat-frontend-app .vchat-mini-quick-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important;margin:0 0 8px!important}.vchat-frontend-app .vchat-mini-quick-actions button{min-width:0!important;margin:0!important;padding:6px 7px!important;border:1px solid #e3deef!important;border-radius:8px!important;background:#fff!important;color:#423b59!important;font-size:7px!important;font-weight:780!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;text-align:left!important}.vchat-frontend-app .vchat-mini-quick-actions button:nth-child(3){grid-column:1/-1!important}.vchat-frontend-app .vchat-mini-widget[data-experience=minimal] .vchat-mini-ai-badge,.vchat-frontend-app .vchat-mini-widget[data-experience=minimal] .vchat-mini-quick-actions{display:none!important}.vchat-frontend-app .vchat-mini-widget[data-experience=support] .vchat-mini-ai-badge{background:var(--widget-color)!important;color:#fff!important}.vchat-frontend-app .vchat-mini-widget[data-experience=support] .vchat-mini-ai-badge b{background:rgba(255,255,255,.18)!important}
.vchat-frontend-app .vchat-design-preview.is-preview-pulse .vchat-widget-preview-canvas{animation:vchatPreviewPulse .34s ease}@keyframes vchatPreviewPulse{0%{box-shadow:0 0 0 0 rgba(101,84,184,0)}45%{box-shadow:0 0 0 5px rgba(101,84,184,.10)}100%{box-shadow:0 0 0 0 rgba(101,84,184,0)}}

@media(max-width:1180px){.vchat-frontend-app .vchat-design-preview .vchat-widget-preview-canvas{height:410px!important;min-height:410px!important}.vchat-frontend-app .vchat-design-preview .vchat-mini-widget{margin-top:32px!important}}
@media(max-width:760px){.vchat-frontend-app .vchat-design-controls{padding:14px!important}.vchat-frontend-app .vchat-design-controls .vchat-widget-customizer-section{padding:16px!important}.vchat-frontend-app .vchat-design-preview .vchat-widget-preview-canvas{height:400px!important;min-height:400px!important}.vchat-frontend-app .vchat-design-preview .vchat-mini-widget{margin:28px auto 62px!important}.vchat-frontend-app .vchat-web-channel-actions{width:100%!important;justify-content:stretch!important}.vchat-frontend-app .vchat-web-channel-actions button{flex:1 1 160px!important}}