/* Dialogen admin adapter. Shared dashboard UI comes from TURBOHOST Admin UI Kit. */
.settings_page_dialogen-by-turbohost .dialogenbt-preview-close .dashicons,.settings_page_dialogen-by-turbohost .dialogenbt-preview-bubble .dashicons{line-height:inherit;}
.settings_page_dialogen-by-turbohost .dialogenbt-preview-bubble__icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;line-height:1;flex:0 0 24px;}
.settings_page_dialogen-by-turbohost .dialogenbt-preview-bubble__icon svg{display:block;width:24px;height:24px;overflow:visible;flex:0 0 24px;}
.settings_page_dialogen-by-turbohost .dialogenbt-btn-upgrade{display:inline-flex;align-items:center;}
.settings_page_dialogen-by-turbohost .dialogenbt-card p:first-child{margin-top:0;}
.settings_page_dialogen-by-turbohost .dialogenbt-card p:last-child{margin-bottom:0;}
.settings_page_dialogen-by-turbohost .dialogenbt-preview-wa[disabled]{opacity:.55;cursor:not-allowed;}
.settings_page_dialogen-by-turbohost .dialogenbt-tab-panel > p{margin:0 0 16px;color:#64748b;}

/* Dialogen v5.2.15: admin theme must not restyle the live chat preview. */
.settings_page_dialogen-by-turbohost .dialogenbt-preview-stage,
.settings_page_dialogen-by-turbohost[data-theme="dark"] .dialogenbt-preview-stage,
body.dialogenbt-admin-theme-dark .settings_page_dialogen-by-turbohost .dialogenbt-preview-stage{
  background:linear-gradient(0deg,rgba(148,163,184,.16),rgba(148,163,184,.08))!important;
  border-color:#dbe3ec!important;
}
.settings_page_dialogen-by-turbohost[data-theme="dark"] .dialogenbt-preview-panel,
body.dialogenbt-admin-theme-dark .settings_page_dialogen-by-turbohost .dialogenbt-preview-panel,
.settings_page_dialogen-by-turbohost[data-theme="dark"] .dialogenbt-preview-body,
body.dialogenbt-admin-theme-dark .settings_page_dialogen-by-turbohost .dialogenbt-preview-body,
.settings_page_dialogen-by-turbohost[data-theme="dark"] .dialogenbt-preview-footer,
body.dialogenbt-admin-theme-dark .settings_page_dialogen-by-turbohost .dialogenbt-preview-footer{
  background:#ffffff!important;
  color:#0f172a!important;
}
.settings_page_dialogen-by-turbohost[data-theme="dark"] .dialogenbt-preview-panel,
body.dialogenbt-admin-theme-dark .settings_page_dialogen-by-turbohost .dialogenbt-preview-panel{
  border-color:#e5e7eb!important;
  box-shadow:0 16px 34px rgba(2,6,23,.12)!important;
}
.settings_page_dialogen-by-turbohost[data-theme="dark"] .dialogenbt-preview-msg,
body.dialogenbt-admin-theme-dark .settings_page_dialogen-by-turbohost .dialogenbt-preview-msg{
  background:#ffffff!important;
  color:#0f172a!important;
  border-color:#e5e7eb!important;
}
.settings_page_dialogen-by-turbohost[data-theme="dark"] .dialogenbt-preview-wa,
body.dialogenbt-admin-theme-dark .settings_page_dialogen-by-turbohost .dialogenbt-preview-wa{
  background:#ffffff!important;
  color:#64748b!important;
  border-color:#e5e7eb!important;
}
.settings_page_dialogen-by-turbohost[data-theme="dark"] .dialogenbt-preview-footer,
body.dialogenbt-admin-theme-dark .settings_page_dialogen-by-turbohost .dialogenbt-preview-footer{
  color:#94a3b8!important;
  border-color:#eef2f7!important;
}
@media (prefers-color-scheme:dark){
  .settings_page_dialogen-by-turbohost[data-theme="auto"] .dialogenbt-preview-stage{
    background:linear-gradient(0deg,rgba(148,163,184,.16),rgba(148,163,184,.08))!important;
    border-color:#dbe3ec!important;
  }
  .settings_page_dialogen-by-turbohost[data-theme="auto"] .dialogenbt-preview-panel,
  .settings_page_dialogen-by-turbohost[data-theme="auto"] .dialogenbt-preview-body,
  .settings_page_dialogen-by-turbohost[data-theme="auto"] .dialogenbt-preview-footer{
    background:#ffffff!important;
    color:#0f172a!important;
  }
  .settings_page_dialogen-by-turbohost[data-theme="auto"] .dialogenbt-preview-panel{
    border-color:#e5e7eb!important;
    box-shadow:0 16px 34px rgba(2,6,23,.12)!important;
  }
  .settings_page_dialogen-by-turbohost[data-theme="auto"] .dialogenbt-preview-msg{
    background:#ffffff!important;
    color:#0f172a!important;
    border-color:#e5e7eb!important;
  }
  .settings_page_dialogen-by-turbohost[data-theme="auto"] .dialogenbt-preview-wa{
    background:#ffffff!important;
    color:#64748b!important;
    border-color:#e5e7eb!important;
  }
  .settings_page_dialogen-by-turbohost[data-theme="auto"] .dialogenbt-preview-footer{
    color:#94a3b8!important;
    border-color:#eef2f7!important;
  }
}

/* Dialogen v5.2.16: preview quick buttons and empty welcome handling. */
.settings_page_dialogen-by-turbohost .dialogenbt-preview-quick-options{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}
.settings_page_dialogen-by-turbohost .dialogenbt-preview-option{
  border:1px solid #e5e7eb;
  background:#f8fafc;
  color:#334155;
  border-radius:999px;
  padding:6px 10px;
  font-size:11px;
  line-height:1.2;
  cursor:default;
  max-width:100%;
}
.settings_page_dialogen-by-turbohost .dialogenbt-preview-msg:empty{
  display:none!important;
}
.settings_page_dialogen-by-turbohost[data-theme="dark"] .dialogenbt-preview-option,
body.dialogenbt-admin-theme-dark .settings_page_dialogen-by-turbohost .dialogenbt-preview-option{
  background:#f8fafc!important;
  color:#334155!important;
  border-color:#e5e7eb!important;
}
@media (prefers-color-scheme:dark){
  .settings_page_dialogen-by-turbohost[data-theme="auto"] .dialogenbt-preview-option{
    background:#f8fafc!important;
    color:#334155!important;
    border-color:#e5e7eb!important;
  }
}

/* Dialogen v5.2.17: preview canvas follows admin theme; chat keeps live-widget styling. */
.settings_page_dialogen-by-turbohost .dialogenbt-preview{
  background:linear-gradient(0deg,rgba(148,163,184,.16),rgba(148,163,184,.08))!important;
  border-color:#dbe3ec!important;
}
.settings_page_dialogen-by-turbohost .dialogenbt-preview-stage{
  background:transparent!important;
  border-color:transparent!important;
}
.settings_page_dialogen-by-turbohost[data-theme="dark"] .dialogenbt-preview,
body.dialogenbt-admin-theme-dark .settings_page_dialogen-by-turbohost .dialogenbt-preview{
  background:linear-gradient(0deg,rgba(148,163,184,.16),rgba(148,163,184,.08))!important;
  border-color:#334155!important;
}
.settings_page_dialogen-by-turbohost[data-theme="dark"] .dialogenbt-preview-stage,
body.dialogenbt-admin-theme-dark .settings_page_dialogen-by-turbohost .dialogenbt-preview-stage{
  background:transparent!important;
  border-color:transparent!important;
}
@media (prefers-color-scheme:dark){
  .settings_page_dialogen-by-turbohost[data-theme="auto"] .dialogenbt-preview{
    background:linear-gradient(0deg,rgba(148,163,184,.16),rgba(148,163,184,.08))!important;
    border-color:#334155!important;
  }
  .settings_page_dialogen-by-turbohost[data-theme="auto"] .dialogenbt-preview-stage{
    background:transparent!important;
    border-color:transparent!important;
  }
}
.settings_page_dialogen-by-turbohost .dialogenbt-preview-wa,
.settings_page_dialogen-by-turbohost[data-theme="dark"] .dialogenbt-preview-wa,
body.dialogenbt-admin-theme-dark .settings_page_dialogen-by-turbohost .dialogenbt-preview-wa{
  background:var(--dialogenbt-preview-primary, #2563eb)!important;
  border-color:var(--dialogenbt-preview-primary, #2563eb)!important;
  color:#ffffff!important;
}
.settings_page_dialogen-by-turbohost .dialogenbt-preview-wa[disabled],
.settings_page_dialogen-by-turbohost[data-theme="dark"] .dialogenbt-preview-wa[disabled],
body.dialogenbt-admin-theme-dark .settings_page_dialogen-by-turbohost .dialogenbt-preview-wa[disabled]{
  opacity:.55!important;
  color:#ffffff!important;
}
.settings_page_dialogen-by-turbohost .dialogenbt-preview-footer,
.settings_page_dialogen-by-turbohost[data-theme="dark"] .dialogenbt-preview-footer,
body.dialogenbt-admin-theme-dark .settings_page_dialogen-by-turbohost .dialogenbt-preview-footer{
  text-align:center!important;
}
@media (prefers-color-scheme:dark){
  .settings_page_dialogen-by-turbohost[data-theme="auto"] .dialogenbt-preview-wa{
    background:var(--dialogenbt-preview-primary, #2563eb)!important;
    border-color:var(--dialogenbt-preview-primary, #2563eb)!important;
    color:#ffffff!important;
  }
  .settings_page_dialogen-by-turbohost[data-theme="auto"] .dialogenbt-preview-footer{
    text-align:center!important;
  }
}

/* Dialogen v5.2.18: force configured preview color over dark/auto admin button rules. */
.settings_page_dialogen-by-turbohost .dialogenbt-preview .dialogenbt-preview-header,
.settings_page_dialogen-by-turbohost[data-theme="dark"] .dialogenbt-preview .dialogenbt-preview-header,
body.dialogenbt-admin-theme-dark .settings_page_dialogen-by-turbohost .dialogenbt-preview .dialogenbt-preview-header{
  background:var(--dialogenbt-preview-primary, #2563eb)!important;
  border-color:var(--dialogenbt-preview-primary, #2563eb)!important;
  color:#ffffff!important;
}
.settings_page_dialogen-by-turbohost .dialogenbt-preview .dialogenbt-preview-bubble,
.settings_page_dialogen-by-turbohost[data-theme="dark"] .dialogenbt-preview .dialogenbt-preview-bubble,
body.dialogenbt-admin-theme-dark .settings_page_dialogen-by-turbohost .dialogenbt-preview .dialogenbt-preview-bubble{
  background:var(--dialogenbt-preview-primary, #2563eb)!important;
  border-color:var(--dialogenbt-preview-primary, #2563eb)!important;
  color:#ffffff!important;
}
.settings_page_dialogen-by-turbohost .dialogenbt-preview .button.dialogenbt-preview-wa,
.settings_page_dialogen-by-turbohost .dialogenbt-preview button.dialogenbt-preview-wa,
.settings_page_dialogen-by-turbohost[data-theme="dark"] .dialogenbt-preview .button.dialogenbt-preview-wa,
.settings_page_dialogen-by-turbohost[data-theme="dark"] .dialogenbt-preview button.dialogenbt-preview-wa,
body.dialogenbt-admin-theme-dark .settings_page_dialogen-by-turbohost .dialogenbt-preview .button.dialogenbt-preview-wa,
body.dialogenbt-admin-theme-dark .settings_page_dialogen-by-turbohost .dialogenbt-preview button.dialogenbt-preview-wa{
  background:var(--dialogenbt-preview-primary, #2563eb)!important;
  border-color:var(--dialogenbt-preview-primary, #2563eb)!important;
  color:#ffffff!important;
  box-shadow:none!important;
}
@media (prefers-color-scheme:dark){
  .settings_page_dialogen-by-turbohost[data-theme="auto"] .dialogenbt-preview .dialogenbt-preview-header,
  .settings_page_dialogen-by-turbohost[data-theme="auto"] .dialogenbt-preview .dialogenbt-preview-bubble,
  .settings_page_dialogen-by-turbohost[data-theme="auto"] .dialogenbt-preview .button.dialogenbt-preview-wa,
  .settings_page_dialogen-by-turbohost[data-theme="auto"] .dialogenbt-preview button.dialogenbt-preview-wa{
    background:var(--dialogenbt-preview-primary, #2563eb)!important;
    border-color:var(--dialogenbt-preview-primary, #2563eb)!important;
    color:#ffffff!important;
    box-shadow:none!important;
  }
}

.settings_page_dialogen-by-turbohost .dialogenbt-preview-bubble__icon,.settings_page_th-chatbot .dialogenbt-preview-bubble__icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;line-height:1!important;flex:0 0 24px!important;}
.settings_page_dialogen-by-turbohost .dialogenbt-preview-bubble__icon svg,.settings_page_th-chatbot .dialogenbt-preview-bubble__icon svg{display:block!important;width:24px!important;height:24px!important;max-width:none!important;max-height:none!important;overflow:visible!important;aspect-ratio:1/1!important;transform:none!important;}

/* dialogen-v15-final-preview-border-fix */
.settings_page_dialogen-by-turbohost[data-theme="dark"] .dialogenbt-preview-panel,body.dialogenbt-admin-theme-dark .settings_page_dialogen-by-turbohost .dialogenbt-preview-panel{border-color:transparent!important;}
@media (prefers-color-scheme:dark){.settings_page_dialogen-by-turbohost[data-theme="auto"] .dialogenbt-preview-panel{border-color:transparent!important;}}


/* dialogen-v16-auto-preview-gradient-border */
@media (prefers-color-scheme:dark){
  .settings_page_dialogen-by-turbohost[data-theme="auto"] .dialogenbt-preview,
  .settings_page_dialogen-by-turbohost[data-theme="auto"] .dialogenbt-preview-stage{
    background:linear-gradient(0deg,rgba(148,163,184,.16),rgba(148,163,184,.08))!important;
    border-color:#334155!important;
  }
  .settings_page_dialogen-by-turbohost[data-theme="auto"] .dialogenbt-preview-panel{
    border-color:#334155!important;
  }
}