/* Vchat 0.36.50 — Messenger Studio / deep UI polish */

/* Connection Center: contrast and spacing hardened */
.vchat-frontend-app .vchat-connection-overview>article{padding:20px 22px!important;border-radius:18px!important}
.vchat-frontend-app .vchat-connection-overview>article:not(.vchat-connection-score){background:#fff!important;color:#28233e!important}
.vchat-frontend-app .vchat-connection-overview>article:not(.vchat-connection-score) small{color:#8a8499!important}
.vchat-frontend-app .vchat-connection-overview>article:not(.vchat-connection-score) strong{color:#28233e!important}
.vchat-frontend-app .vchat-connection-overview>article:not(.vchat-connection-score) span{color:#8a8499!important}
.vchat-frontend-app .vchat-connection-score *{text-shadow:none!important}
.vchat-frontend-app .vchat-connections-grid-047 article{min-height:136px!important;padding:20px 20px 18px!important}
.vchat-frontend-app .vchat-connections-grid-047 article p{margin:5px 0 0!important;line-height:1.5!important;color:#8a8499!important}
.vchat-frontend-app .vchat-web-channel-card{padding:20px 22px!important;gap:18px!important;align-items:center!important}
.vchat-frontend-app .vchat-web-channel-main{gap:16px!important}
.vchat-frontend-app .vchat-web-channel-main>span{flex:0 0 56px!important;width:56px!important;height:56px!important;border-radius:16px!important}
.vchat-frontend-app .vchat-web-channel-main strong{font-size:15px!important;line-height:1.3!important}
.vchat-frontend-app .vchat-web-channel-main p{margin:5px 0 10px!important;line-height:1.5!important;color:#878194!important}
.vchat-frontend-app .vchat-web-channel-tags{gap:7px!important;flex-wrap:wrap!important}
.vchat-frontend-app .vchat-web-channel-tags em{padding:6px 9px!important;border-radius:999px!important}

/* Studio spacing */
.vchat-frontend-app .vchat-design-layout{align-items:start!important}
.vchat-frontend-app .vchat-design-controls{padding:18px!important}
.vchat-frontend-app .vchat-design-tabs{padding:6px!important;gap:4px!important;margin-bottom:18px!important;overflow-x:auto!important}
.vchat-frontend-app .vchat-design-tabs button{min-height:38px!important;padding:0 12px!important;white-space:nowrap!important}
.vchat-frontend-app .vchat-design-tab-panel{display:none!important}
.vchat-frontend-app .vchat-design-tab-panel.is-active{display:grid!important;gap:16px!important}
.vchat-frontend-app .vchat-widget-customizer-section{margin:0!important}
.vchat-frontend-app .vchat-design-controls .vchat-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:16px!important;row-gap:18px!important}
.vchat-frontend-app .vchat-design-controls .vchat-settings-grid label{color:#484159!important;font-size:9px!important;font-weight:760!important}
.vchat-frontend-app .vchat-design-controls .vchat-settings-grid input,
.vchat-frontend-app .vchat-design-controls .vchat-settings-grid select,
.vchat-frontend-app .vchat-design-controls .vchat-settings-grid textarea{width:100%!important;margin-top:8px!important;background:#fff!important;color:#2b263e!important;border:1px solid #ddd8e9!important;border-radius:13px!important;box-sizing:border-box!important}
.vchat-frontend-app .vchat-design-controls .vchat-settings-grid input::placeholder,
.vchat-frontend-app .vchat-design-controls .vchat-settings-grid textarea::placeholder{color:#aaa4b8!important}
.vchat-frontend-app .vchat-design-controls .vchat-settings-grid textarea{padding:12px 13px!important;line-height:1.5!important}
.vchat-frontend-app .vchat-design-section-title>span{flex:0 0 34px!important}
.vchat-frontend-app .vchat-design-section-title h3{font-size:13px!important;margin:0 0 3px!important}
.vchat-frontend-app .vchat-design-section-title p{font-size:9px!important;margin:0!important;color:#8d869b!important}

/* Preview: compact enough that preset changes remain visible */
.vchat-frontend-app .vchat-design-preview{position:sticky!important;top:74px!important;max-height:calc(100vh - 92px)!important;overflow:hidden!important}
.vchat-frontend-app .vchat-design-preview .vchat-widget-preview-canvas{height:390px!important;min-height:390px!important;padding:14px!important}
.vchat-frontend-app .vchat-design-preview .vchat-mini-widget{width:min(320px,94%)!important;max-height:330px!important;margin:28px 0 48px auto!important;display:flex!important;flex-direction:column!important}
.vchat-frontend-app .vchat-widget-preview-canvas .vchat-mini-widget main{padding:12px!important;overflow:auto!important}
.vchat-frontend-app .vchat-mini-concierge{display:flex!important;gap:8px!important;align-items:flex-start!important;margin:0 0 8px!important}
.vchat-frontend-app .vchat-mini-concierge>i{flex:0 0 30px!important;width:30px!important;height:30px!important;display:grid!important;place-items:center!important;border-radius:10px!important;background:color-mix(in srgb,var(--widget-color) 14%,white)!important;color:var(--widget-color)!important;font-style:normal!important}
.vchat-frontend-app .vchat-mini-concierge strong{display:block!important;font-size:12px!important;line-height:1.25!important}
.vchat-frontend-app .vchat-mini-concierge p{margin:3px 0 0!important;padding:0!important;background:none!important;font-size:7px!important;line-height:1.45!important}
.vchat-frontend-app .vchat-mini-smart-card{margin:0 0 8px!important;padding:9px 10px!important;border:1px solid #e7e1f1!important;border-radius:11px!important;background:linear-gradient(135deg,#fff,#f6f2ff)!important}
.vchat-frontend-app .vchat-mini-smart-card[hidden]{display:none!important}
.vchat-frontend-app .vchat-mini-smart-card small{display:block!important;margin:0 0 3px!important;color:var(--widget-color)!important;font-size:6px!important;font-weight:900!important;letter-spacing:.09em!important}
.vchat-frontend-app .vchat-mini-smart-card strong{display:block!important;margin:0 0 2px!important;font-size:8px!important;color:#302a46!important}
.vchat-frontend-app .vchat-mini-smart-card span{display:block!important;font-size:6px!important;line-height:1.4!important;color:#8c8598!important}
.vchat-frontend-app .vchat-mini-messenger-nav{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:3px!important;padding:6px 8px 8px!important;border-top:1px solid #ece8f2!important;background:#fff!important}
.vchat-frontend-app .vchat-mini-messenger-nav[hidden]{display:none!important}
.vchat-frontend-app .vchat-mini-messenger-nav button{min-height:38px!important;border:0!important;border-radius:9px!important;background:transparent!important;color:#9891a3!important;padding:5px 2px!important;font-size:10px!important;display:grid!important;place-items:center!important;gap:2px!important}
.vchat-frontend-app .vchat-mini-messenger-nav button span{font-size:6px!important;font-weight:750!important}
.vchat-frontend-app .vchat-mini-messenger-nav button.is-active{background:#f0ecfb!important;color:var(--widget-color)!important}
.vchat-frontend-app .vchat-mini-widget[data-experience=minimal] .vchat-mini-smart-card,
.vchat-frontend-app .vchat-mini-widget[data-experience=minimal] .vchat-mini-messenger-nav{display:none!important}

/* prevent inherited red/black states in studio */
.vchat-frontend-app .vchat-design-studio-047 button:not(.danger):hover,
.vchat-frontend-app .vchat-design-studio-047 button:not(.danger):focus,
.vchat-frontend-app .vchat-design-studio-047 button:not(.danger):active{border-color:#d8d1eb!important;color:#5849a2!important;box-shadow:none!important}
.vchat-frontend-app .vchat-design-studio-047 .vchat-primary-action,
.vchat-frontend-app .vchat-design-studio-047 .vchat-primary-action:hover,
.vchat-frontend-app .vchat-design-studio-047 .vchat-primary-action:focus{background:#5b49a5!important;border-color:#5b49a5!important;color:#fff!important}

@media(max-width:1180px){
  .vchat-frontend-app .vchat-design-preview{position:relative!important;top:auto!important;max-height:none!important}
}
@media(max-width:760px){
  .vchat-frontend-app .vchat-design-controls .vchat-settings-grid{grid-template-columns:1fr!important}
  .vchat-frontend-app .vchat-design-preview .vchat-widget-preview-canvas{height:370px!important;min-height:370px!important}
  .vchat-frontend-app .vchat-design-preview .vchat-mini-widget{margin:24px auto 46px!important}
}