/* Vchat 0.36.52 — selectable Messenger depth + CSS audit */

/* Global design surface safety */
.vchat-frontend-app .vchat-design-studio-047,
.vchat-frontend-app .vchat-design-studio-047 *,
.vchat-frontend-app .vchat-connections-center-047,
.vchat-frontend-app .vchat-connections-center-047 *{box-sizing:border-box!important}
.vchat-frontend-app .vchat-design-studio-047 h1,
.vchat-frontend-app .vchat-design-studio-047 h2,
.vchat-frontend-app .vchat-design-studio-047 h3,
.vchat-frontend-app .vchat-design-studio-047 p,
.vchat-frontend-app .vchat-connections-center-047 h1,
.vchat-frontend-app .vchat-connections-center-047 h2,
.vchat-frontend-app .vchat-connections-center-047 h3,
.vchat-frontend-app .vchat-connections-center-047 p{overflow-wrap:anywhere!important}
.vchat-frontend-app .vchat-design-studio-047 button,
.vchat-frontend-app .vchat-connections-center-047 button{font-family:inherit!important;line-height:1.2!important}
.vchat-frontend-app .vchat-widget-customizer-section{overflow:visible!important}
.vchat-frontend-app .vchat-settings-grid>*{min-width:0!important}

/* Messenger level selector */
.vchat-frontend-app .vchat-messenger-mode-grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:16px 0 18px!important;
}
.vchat-frontend-app .vchat-messenger-mode-grid button{
  appearance:none!important;
  width:100%!important;
  min-height:94px!important;
  padding:16px!important;
  border:1px solid #e1dced!important;
  border-radius:16px!important;
  background:#fbfafd!important;
  color:#302a46!important;
  text-align:left!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  gap:7px!important;
  cursor:pointer!important;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease!important;
  box-shadow:none!important;
}
.vchat-frontend-app .vchat-messenger-mode-grid button:hover{
  border-color:#cfc5ea!important;
  background:#fff!important;
  transform:translateY(-1px)!important;
  box-shadow:0 10px 24px rgba(50,39,91,.07)!important;
}
.vchat-frontend-app .vchat-messenger-mode-grid button.is-active{
  border-color:#6956bd!important;
  background:linear-gradient(145deg,#f6f2ff,#fff)!important;
  box-shadow:0 0 0 3px rgba(105,86,189,.10)!important;
}
.vchat-frontend-app .vchat-messenger-mode-grid button b{
  display:block!important;
  margin:0!important;
  color:#302a46!important;
  font-size:13px!important;
  font-weight:850!important;
}
.vchat-frontend-app .vchat-messenger-mode-grid button.is-active b{color:#5b49a5!important}
.vchat-frontend-app .vchat-messenger-mode-grid button span{
  display:block!important;
  margin:0!important;
  color:#858093!important;
  font-size:9.5px!important;
  line-height:1.55!important;
}
.vchat-frontend-app .vchat-design-subsection-label{
  margin:4px 0 14px!important;
  padding-top:14px!important;
  border-top:1px solid #eeeaf4!important;
  color:#8d869b!important;
  font-size:8px!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}
.vchat-frontend-app [data-messenger-advanced]{
  padding:2px!important;
  border-radius:15px!important;
  transition:background .16s ease,box-shadow .16s ease!important;
}
.vchat-frontend-app [data-messenger-advanced].is-emphasized{
  padding:14px!important;
  background:#faf8ff!important;
  box-shadow:inset 0 0 0 1px #e8e2f3!important;
}

/* Cards and controls: enforce breathing room */
.vchat-frontend-app .vchat-widget-customizer-section{padding:22px!important}
.vchat-frontend-app .vchat-design-section-title{gap:12px!important;margin-bottom:16px!important}
.vchat-frontend-app .vchat-design-section-title>div{min-width:0!important}
.vchat-frontend-app .vchat-design-controls .vchat-settings-grid{gap:18px 16px!important}
.vchat-frontend-app .vchat-design-controls .vchat-settings-grid label{min-width:0!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{
  max-width:100%!important;
  min-width:0!important;
}
.vchat-frontend-app .vchat-design-controls .vchat-settings-grid textarea{min-height:82px!important}

/* Preview should stay readable, not clipped */
.vchat-frontend-app .vchat-design-preview{border-radius:22px!important}
.vchat-frontend-app .vchat-design-preview .vchat-widget-preview-canvas{overflow:hidden!important}
.vchat-frontend-app .vchat-mini-widget main{scrollbar-width:thin!important}
.vchat-frontend-app .vchat-mini-quick-actions{gap:5px!important;flex-wrap:wrap!important}
.vchat-frontend-app .vchat-mini-quick-actions button{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important}

/* Connection center */
.vchat-frontend-app .vchat-connection-overview{gap:12px!important}
.vchat-frontend-app .vchat-connection-overview>article{min-width:0!important}
.vchat-frontend-app .vchat-connections-grid-047{gap:14px!important}
.vchat-frontend-app .vchat-connections-grid-047 article{overflow:hidden!important}
.vchat-frontend-app .vchat-connections-grid-047 article>div{min-width:0!important}
.vchat-frontend-app .vchat-web-channel-card{overflow:hidden!important}
.vchat-frontend-app .vchat-web-channel-main>div{min-width:0!important}
.vchat-frontend-app .vchat-web-channel-actions{gap:10px!important;flex-wrap:wrap!important}

/* Strong anti-theme leakage */
.vchat-frontend-app .vchat-design-studio-047 button:not(.danger),
.vchat-frontend-app .vchat-connections-center-047 button:not(.danger){
  text-decoration:none!important;
}
.vchat-frontend-app .vchat-design-studio-047 button:not(.danger):focus-visible,
.vchat-frontend-app .vchat-connections-center-047 button:not(.danger):focus-visible{
  outline:3px solid rgba(105,86,189,.18)!important;
  outline-offset:2px!important;
}

@media(max-width:760px){
  .vchat-frontend-app .vchat-messenger-mode-grid{grid-template-columns:1fr!important}
  .vchat-frontend-app .vchat-messenger-mode-grid button{min-height:84px!important}
  .vchat-frontend-app .vchat-widget-customizer-section{padding:17px!important}
}