/* btnpos1: customer chat theme light/dark/system — scoped to .chat-app only */
.chat-app[data-theme=dark]{--bg:#0F1115;--surface:#1A1D24;--ink:#ECEEF2;--ink-2:#C9CED8;--muted:#9AA3B2;--faint:#9AA3B2;--line:#2A2F3A;--line-strong:#363C49;--blue-soft:#1C2540;--orange-soft:#3A2418;--green-soft:#15302A;--shadow:0 1px 2px rgba(0,0,0,.4);background:#0F1115!important;color:#ECEEF2!important;color-scheme:dark}
.chat-app[data-theme=dark] .messages,.chat-app[data-theme=dark] .lobby-body,.chat-app[data-theme=dark] main{background:#0F1115!important}
.chat-app[data-theme=dark] .chat-top,.chat-app[data-theme=dark] .tabbar,.chat-app[data-theme=dark] .chat-compose,.chat-app[data-theme=dark] .chat-compose-bar,.chat-app[data-theme=dark] .home-compose{background:#1A1D24!important;border-color:#2A2F3A!important;color:#ECEEF2!important}
.chat-app[data-theme=dark] .home-card,.chat-app[data-theme=dark] .flow-agent,.chat-app[data-theme=dark] .followup-ask,.chat-app[data-theme=dark] .home-actions .hours-sheet,.chat-app[data-theme=dark] .contact-form,.chat-app[data-theme=dark] .intake-form{background:#1A1D24!important;border-color:#2A2F3A!important;color:#ECEEF2!important}
.chat-app[data-theme=dark] .msg.agent .bubble,.chat-app[data-theme=dark] .flow-agent-row>.flow-agent{background:#242833!important;color:#ECEEF2!important;border-color:#2F3542!important}
.chat-app[data-theme=dark] .msg.agent .bubble a{color:#8FB0FF!important}
.chat-app[data-theme=dark] .msg-meta,.chat-app[data-theme=dark] time,.chat-app[data-theme=dark] .hint{color:#9AA3B2!important}
.chat-app[data-theme=dark] textarea,.chat-app[data-theme=dark] input,.chat-app[data-theme=dark] select{background:#12151B!important;color:#ECEEF2!important;border-color:#363C49!important}
.chat-app[data-theme=dark] textarea::placeholder,.chat-app[data-theme=dark] input::placeholder{color:#7C8494!important}
.chat-app[data-theme=dark] .flow-choice,.chat-app[data-theme=dark] .new-inquiry,.chat-app[data-theme=dark] .hours-open,.chat-app[data-theme=dark] .file-link{background:#242833!important;color:#ECEEF2!important;border-color:#363C49!important}
.chat-app[data-theme=dark] .sys.ended,.chat-app[data-theme=dark] .sys.sys-rich{background:#242833!important;color:#C9CED8!important;border-color:#363C49!important}
.chat-app[data-theme=dark] .lobby-hero h1,.chat-app[data-theme=dark] .brand-name,.chat-app[data-theme=dark] .lobby-notice{color:#ECEEF2!important}
.chat-app[data-theme=dark] .tabbar a{color:#9AA3B2!important}
.chat-app[data-theme=dark] .composing-dots i{background:#9AA3B2!important}
.chat-app[data-theme=dark] .order,.chat-app[data-theme=dark] .order .order-top{background:#1A1D24!important;border-color:#363C49!important;color:#ECEEF2!important}
html:has(.chat-app[data-theme=dark]),body:has(.chat-app[data-theme=dark]){background:#0F1115!important}
@media (prefers-color-scheme: dark){
.chat-app[data-theme=system]{--bg:#0F1115;--surface:#1A1D24;--ink:#ECEEF2;--ink-2:#C9CED8;--muted:#9AA3B2;--faint:#9AA3B2;--line:#2A2F3A;--line-strong:#363C49;--blue-soft:#1C2540;--orange-soft:#3A2418;--green-soft:#15302A;--shadow:0 1px 2px rgba(0,0,0,.4);background:#0F1115!important;color:#ECEEF2!important;color-scheme:dark}
.chat-app[data-theme=system] .messages,.chat-app[data-theme=system] .lobby-body,.chat-app[data-theme=system] main{background:#0F1115!important}
.chat-app[data-theme=system] .chat-top,.chat-app[data-theme=system] .tabbar,.chat-app[data-theme=system] .chat-compose,.chat-app[data-theme=system] .chat-compose-bar,.chat-app[data-theme=system] .home-compose{background:#1A1D24!important;border-color:#2A2F3A!important;color:#ECEEF2!important}
.chat-app[data-theme=system] .home-card,.chat-app[data-theme=system] .flow-agent,.chat-app[data-theme=system] .followup-ask,.chat-app[data-theme=system] .home-actions .hours-sheet,.chat-app[data-theme=system] .contact-form,.chat-app[data-theme=system] .intake-form{background:#1A1D24!important;border-color:#2A2F3A!important;color:#ECEEF2!important}
.chat-app[data-theme=system] .msg.agent .bubble,.chat-app[data-theme=system] .flow-agent-row>.flow-agent{background:#242833!important;color:#ECEEF2!important;border-color:#2F3542!important}
.chat-app[data-theme=system] .msg.agent .bubble a{color:#8FB0FF!important}
.chat-app[data-theme=system] .msg-meta,.chat-app[data-theme=system] time,.chat-app[data-theme=system] .hint{color:#9AA3B2!important}
.chat-app[data-theme=system] textarea,.chat-app[data-theme=system] input,.chat-app[data-theme=system] select{background:#12151B!important;color:#ECEEF2!important;border-color:#363C49!important}
.chat-app[data-theme=system] textarea::placeholder,.chat-app[data-theme=system] input::placeholder{color:#7C8494!important}
.chat-app[data-theme=system] .flow-choice,.chat-app[data-theme=system] .new-inquiry,.chat-app[data-theme=system] .hours-open,.chat-app[data-theme=system] .file-link{background:#242833!important;color:#ECEEF2!important;border-color:#363C49!important}
.chat-app[data-theme=system] .sys.ended,.chat-app[data-theme=system] .sys.sys-rich{background:#242833!important;color:#C9CED8!important;border-color:#363C49!important}
.chat-app[data-theme=system] .lobby-hero h1,.chat-app[data-theme=system] .brand-name,.chat-app[data-theme=system] .lobby-notice{color:#ECEEF2!important}
.chat-app[data-theme=system] .tabbar a{color:#9AA3B2!important}
.chat-app[data-theme=system] .composing-dots i{background:#9AA3B2!important}
.chat-app[data-theme=system] .order,.chat-app[data-theme=system] .order .order-top{background:#1A1D24!important;border-color:#363C49!important;color:#ECEEF2!important}
html:has(.chat-app[data-theme=system]),body:has(.chat-app[data-theme=system]){background:#0F1115!important}
}
.btnpos-set{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 12px;margin:4px 0;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.btnpos-set legend{padding:0 4px;font-weight:600;font-size:13px}.btnpos-set .check-line{grid-column:1/-1}.btnpos-set label{display:flex;flex-direction:column;gap:4px;font-size:13px}@media (max-width:640px){.btnpos-set{grid-template-columns:1fr}}
.btnpos-preview{position:relative;min-height:120px;border:1px dashed var(--line-strong);border-radius:10px;background:var(--bg)}.btnpos-cap{position:absolute;top:6px;left:10px;font-size:11px;color:var(--muted)}
.labelbtn-set{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;margin:12px 0;padding:20px 22px 22px;border:1px solid var(--line);border-radius:12px}.labelbtn-set .labelbtn-title{grid-column:1/-1;margin:0;font-size:14px;font-weight:700;line-height:1.4}.labelbtn-set .labelbtn-full,.labelbtn-set .labelbtn-note{grid-column:1/-1;width:100%;max-width:none}.labelbtn-set .labelbtn-note{display:block;margin:-6px 0 0;line-height:1.6}.labelbtn-set>label{display:flex;flex-direction:column;gap:8px;font-size:13px}.labelbtn-set>label input{padding:10px 12px}.labelbtn-set .switch-copy{flex:1 1 auto;min-width:0}.labelbtn-set .switch-copy .hint{max-width:none}@media (max-width:640px){.labelbtn-set{grid-template-columns:1fr;padding:16px}}
.labelbtn-set.btnpos-box{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:640px){.labelbtn-set.btnpos-box{grid-template-columns:1fr}}

/* bubbletint5 — customer chat agent softer blue + white text */
.chat-app:not([data-theme=dark]) .bubble{background:#FFFFFF;border-color:#E6E9EF;color:inherit}
.chat-app:not([data-theme=dark]) .msg.agent .bubble,
.chat-app:not([data-theme=dark]) .flow-agent-row>.flow-agent{background:#6B8AFF!important;border-color:#5A79F2!important;color:#FFFFFF!important}
.chat-app:not([data-theme=dark]) .msg.agent .bubble a,
.chat-app:not([data-theme=dark]) .flow-agent-row>.flow-agent a{color:#EEF2FF!important}
.chat-app[data-theme=system] .bubble{background:#FFFFFF;border-color:#E6E9EF}
@media (prefers-color-scheme: light){
  .chat-app[data-theme=system] .bubble{background:#FFFFFF;border-color:#E6E9EF;color:inherit}
  .chat-app[data-theme=system] .msg.agent .bubble,
  .chat-app[data-theme=system] .flow-agent-row>.flow-agent{background:#6B8AFF!important;border-color:#5A79F2!important;color:#FFFFFF!important}
  .chat-app[data-theme=system] .msg.agent .bubble a,
  .chat-app[data-theme=system] .flow-agent-row>.flow-agent a{color:#EEF2FF!important}
}