* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: Inter, Segoe UI, Roboto, sans-serif;
  background: var(--bg);
  color: var(--text);
}
.shell { max-width:none; min-height:100vh; margin:0; padding:0; }
.hero { display:flex; justify-content:space-between; align-items:center; min-height:58px; padding:10px 28px; background:var(--panel); border:0; border-bottom:1px solid var(--border); border-radius:0; margin:0; }
.hero h1 { margin:0; font-size:18px; }
.hero p { display:none; margin:0; color: var(--muted); }
.badge { padding:8px 12px; background:var(--accent); color:white; border-radius:999px; font-weight:700; }
.grid { display:grid; grid-template-columns: 1.2fr 0.8fr; gap:24px; }
.card { background: var(--panel); border:1px solid var(--border); border-radius: 14px; padding: 22px; box-shadow: 0 2px 8px rgba(31,55,93,.04); }
.card h2 { margin-top:0; font-size: 20px; }
label { display:block; font-size:13px; font-weight:600; color: var(--muted); margin-bottom:8px; }
input, button, textarea, select { width:100%; padding:12px 14px; border-radius:10px; border:1px solid var(--border); background:#fff; color:var(--text); margin-bottom:14px; }
button { cursor:pointer; background:var(--accent); border:none; color:#fff; font-weight:700; transition:background .15s ease, transform .15s ease; }
button:hover { background:var(--accent-2); }
button:active { transform:translateY(1px); }
button.secondary { background:#667995; }
button.secondary:hover { background:#536781; }
.stats { display:grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-bottom: 18px; }
.stat { background: var(--panel-2); padding: 16px; border-radius: 12px; border:1px solid #e7edf6; }
.stat strong { display:block; font-size:20px; margin-top:8px; }
.muted { color: var(--muted); font-size:13px; }
table { width:100%; border-collapse:collapse; margin-top:12px; }
th, td { padding:12px 10px; border-bottom:1px solid var(--border); text-align:left; }
.status { color:#34d399; font-weight:700; }
.message { margin-top:10px; padding:10px 12px; border-radius: 10px; background:#f1f6ff; color:var(--text); }
.message.success { border: 1px solid #a9e0c2; color:#08794d; background:#effbf4; }
.message.error { border: 1px solid #f2b7bd; color:#a52d3d; background:#fff3f4; }
.config-state { display:grid; gap:10px; margin: 0 0 16px; }
.pill { display:inline-flex; align-items:center; width:max-content; padding:7px 10px; border-radius:999px; background:#edf4ff; border:1px solid #cadbfa; color:#2860bf; font-size:13px; font-weight:700; }
.pill.ok { color:#08794d; border-color:#a9e0c2; background:#effbf4; }
.pill.openai { color:#a65b00; border-color:#f0cf98; background:#fff8e9; }
.inline-actions { display:grid; grid-template-columns: 1fr 1fr; gap:10px; }
.lead-field-toggles { display:flex; flex-wrap:wrap; align-items:center; gap:14px 26px; margin:0 0 20px; }
.lead-field-toggles label { display:inline-flex; align-items:center; gap:7px; margin:0; white-space:nowrap; }
.lead-field-toggles input[type="checkbox"] { width:auto; margin:0; }
.lead-field-toolbar, .lead-field-editor-actions { display:flex; align-items:end; gap:10px; flex-wrap:wrap; }
.lead-field-toolbar { align-items:flex-end; }
.lead-field-toolbar { margin:16px 0; }
.lead-field-toolbar label { flex:1 1 240px; margin:0; }
.lead-field-toolbar select { margin-bottom:0; }
.lead-field-toolbar button, .lead-field-editor-actions button { width:auto; margin:0; }
.lead-field-editor { display:grid; gap:16px; padding:16px; border:1px solid var(--border); border-radius:12px; background:#f8fbff; }
.lead-field-editor[hidden] { display:none; }
.lead-field-control-label { display:block; margin-bottom:6px; }
.lead-field-advanced { border-top:1px solid var(--border); padding-top:12px; }
.lead-field-advanced summary { color:var(--accent); cursor:pointer; font-weight:700; }
.lead-field-advanced > div { margin-top:12px; }
.lead-field-list > .lead-field-editor { margin:0 0 7px; }
/* The inline editor belongs to the field immediately before it: visually make
   the pair a single accordion instead of two separate cards. */
.lead-field-list > .lead-field-item:has(+ .lead-field-editor) { border-bottom-left-radius:0; border-bottom-right-radius:0; }
.lead-field-list > .lead-field-item + .lead-field-editor { margin:-7px 0 7px; border-top:0; border-top-left-radius:0; border-top-right-radius:0; }
.lead-field-delete-dialog { width:min(400px,calc(100vw - 32px)); border:0; border-radius:14px; padding:22px; color:var(--text); box-shadow:0 24px 64px rgba(15,23,42,.28); }
.lead-field-delete-dialog::backdrop { background:rgba(15,23,42,.45); }
.lead-field-delete-dialog h3 { margin:0 0 8px; }
.lead-field-delete-dialog p { margin:0; color:var(--muted); line-height:1.5; }
.lead-field-delete-dialog > div { display:flex; justify-content:flex-end; gap:10px; margin-top:20px; }
.lead-field-delete-dialog button { width:auto; margin:0; }
.connector-bootstrap-card { grid-column:1/-1; display:grid; grid-template-columns:minmax(260px, .8fr) minmax(420px, 1.2fr); gap:22px 32px; align-items:start; }
.connector-bootstrap-intro h2 { margin-bottom:8px; }
.connector-bootstrap-intro p { margin:0; max-width:460px; line-height:1.5; }
.connector-bootstrap-values { display:grid; gap:12px; }
.connector-bootstrap-values label { margin:0; }
.connector-bootstrap-control { display:flex; gap:8px; align-items:center; margin-top:5px; }
.connector-bootstrap-control input { flex:1; min-width:0; margin:0; padding:9px 11px; }
.connector-bootstrap-control button, .connector-bootstrap-footer button { width:auto; margin:0; padding:9px 12px; white-space:nowrap; font-size:12px; }
.connector-bootstrap-control .connector-bootstrap-icon-button { display:grid; place-items:center; width:36px; min-width:36px; height:36px; padding:8px; }
.connector-bootstrap-icon-button svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.connector-bootstrap-footer { grid-column:2; display:flex; align-items:center; gap:12px; min-height:34px; }
.connector-bootstrap-footer .muted { margin:0; }
@media(max-width:760px){.connector-bootstrap-card{grid-template-columns:1fr}.connector-bootstrap-footer{grid-column:auto}.connector-bootstrap-control{flex-wrap:wrap}.connector-bootstrap-control input{min-width:180px}}
.tab-bar { display:flex; gap:4px; margin-bottom:16px; }
.tab { flex:1; text-align:center; padding:10px; border-radius:10px; border:1px solid var(--border); background: transparent; cursor:pointer; font-weight:600; color:var(--muted); margin-bottom:0; }
.tab.active { background:var(--accent); color:white; border-color:var(--accent); }
.provider-indicator { display:inline-flex; align-items:center; gap:6px; font-size:13px; font-weight:600; padding:4px 10px; border-radius:999px; }
.provider-indicator.gemini { background:rgba(56,189,248,0.15); color:var(--accent); }
.provider-indicator.openai { background:rgba(251,191,36,0.15); color:var(--accent-orange); }
.hidden { display:none !important; }
.login-card { max-width:520px; margin:48px auto; }
.inbox { display:grid; grid-template-columns:320px 1fr; gap:16px; }
.conversation-list { max-height:620px; overflow:auto; }
.conversation-item { padding:12px; border:1px solid var(--border); border-radius:12px; margin-bottom:8px; cursor:pointer; }
.conversation-item:hover { border-color:#b7cffd; background:#f2f6ff; }
.transcript { min-height:280px; max-height:420px; overflow:auto; padding:12px; background:#fff; border:1px solid #e1e7f0; border-radius:12px; }
.bubble { color:#1c2b45; max-width:78%; padding:9px 12px; margin:8px 0; border-radius:12px; background:#f0f3f7; white-space:pre-wrap; }
.bubble.user { color:#fff; margin-left:auto; background:var(--accent); } .bubble.operator { color:#1c2b45; background:#f0f3f7; } .bubble.internal { background:#fff5e3; color:#7b561e; }
.operations-grid { grid-column:1/-1; width:100%; min-width:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr)); gap:16px; margin-top:24px; }
.support-settings-grid { display:grid; grid-template-columns:minmax(300px, .75fr) minmax(460px, 1.45fr); gap:16px; margin-top:24px; align-items:start; }
.support-settings-grid:not(:has(.card:not([hidden]))) { display:none; }
.support-settings-grid .card { margin:0; min-width:0; }
.support-settings-grid .support-schedule-card { grid-column:1 / -1; width:min(100%, 920px); }
.support-schedule-fields { display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:10px; }
.support-schedule-fields .support-schedule-enabled { grid-column:span 2; }
.support-schedule-fields #scheduleDepartment { grid-column:span 4; }
.support-schedule-fields #scheduleStart, .support-schedule-fields #scheduleEnd, .support-schedule-fields #scheduleTimezone { grid-column:span 2; }
.support-schedule-fields input, .support-schedule-fields select { margin:0; }
.support-schedule-enabled { display:flex; align-items:center; gap:7px; min-height:46px; margin:0; padding:0 12px; border:1px solid var(--border); border-radius:10px; white-space:nowrap; }
.support-schedule-enabled input, .support-days-grid input { width:auto; margin:0; }
.support-days-grid { display:grid; grid-template-columns:repeat(7, minmax(0, 1fr)); gap:6px; margin:12px 0; }
.support-days-grid label { display:flex; align-items:center; justify-content:center; gap:5px; margin:0; padding:9px 5px; border:1px solid var(--border); border-radius:8px; color:var(--text); font-size:12px; }
.support-schedule-card textarea { margin:0; }
.support-schedule-footer { display:flex; align-items:center; gap:12px; margin-top:12px; }
.support-schedule-footer button { width:auto; margin:0; }
.support-schedule-footer .muted { margin:0; }
.operation-list { max-height:300px; overflow:auto; display:grid; gap:8px; }
.data-toolbar { display:flex; flex-wrap:wrap; gap:10px; align-items:end; margin:14px 0; }
.data-toolbar label { display:grid; gap:4px; min-width:140px; color:var(--muted); font-size:12px; }
.data-toolbar input, .data-toolbar select { min-width:140px; }
.data-table-wrap { overflow:auto; border:1px solid var(--border); border-radius:10px; }
.data-table { width:100%; border-collapse:collapse; margin:0; font-size:13px; }
.data-table th, .data-table td { padding:10px; border-bottom:1px solid var(--border); text-align:left; vertical-align:top; }
.data-table th { background:#f6f9ff; color:var(--muted); white-space:nowrap; }
.data-table tr:last-child td { border-bottom:0; }
.data-table .row-actions { display:flex; flex-wrap:wrap; gap:6px; min-width:220px; }
.data-table button { padding:6px 9px; font-size:12px; }
.data-state { padding:18px; text-align:center; color:var(--muted); }
.data-pagination { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:12px; }
.catalog-pagination { justify-content:flex-end; }
.catalog-pagination #catalogPageState { margin-right:auto; }
.page-controls, .page-numbers { display:flex; align-items:center; gap:4px; }
.page-controls button { width:32px; min-width:32px; height:32px; padding:0; margin:0; border-radius:7px; }
.page-controls .page-number { background:#fff; border:1px solid var(--border); color:var(--text); }
.page-controls .page-number:hover { background:#f1f5fb; }
.page-controls .page-number[aria-current="page"] { background:var(--accent); border-color:var(--accent); color:#fff; }
.page-controls .page-arrow { font-size:22px; line-height:1; }
.page-ellipsis { min-width:16px; text-align:center; color:var(--muted); }
.status-chip { display:inline-flex; align-items:center; border-radius:999px; padding:3px 8px; background:#eef2f8; font-size:11px; }
.status-chip.ok { color:#17663a; background:#e8f7ee; }
.status-chip.error { color:#9d2929; background:#fdecec; }
.status-chip.pending { color:#7a5510; background:#fff4d8; }
.busy-spinner { width:16px; height:16px; display:inline-block; border:2px solid #ccd5e3; border-top-color:var(--accent); border-radius:50%; animation:consoleSpin .7s linear infinite; vertical-align:-3px; }
@keyframes consoleSpin { to { transform:rotate(360deg); } }
#consoleToast { position:fixed; right:24px; bottom:24px; z-index:50; max-width:420px; padding:12px 16px; border-radius:10px; background:#172033; color:#fff; box-shadow:0 12px 35px rgba(0,0,0,.2); }
#consoleToast.error { background:#8f2525; }
.operation-item { padding:11px; border:1px solid var(--border); border-radius:10px; background:#fff; cursor:pointer; }
.operation-item.unread { border-color:rgba(56,189,248,.65); }
.operation-item strong,.operation-item small { display:block; } .operation-item small { color:var(--muted); margin-top:4px; }
.live-trace-heading-actions { display:flex; align-items:center; gap:10px; }
.live-trace-detail-toolbar { display:flex; justify-content:flex-end; margin:12px 0 8px; }
.live-trace-copy-button { display:inline-flex; align-items:center; justify-content:center; width:auto; min-width:34px; height:34px; padding:7px; margin:0; }
.live-trace-copy-button svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.live-trace-copy-button.copied { color:#17663a; border-color:#79c99a; background:#e8f7ee; }
.live-trace-waveforms { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:12px; margin:0 0 14px; }
.live-trace-waveform-card { min-width:0; padding:12px; border:1px solid var(--border); border-radius:10px; background:#fff; }
.live-trace-waveform-card strong { display:block; margin-bottom:8px; }
.live-trace-waveform-meta { margin:0 0 8px; color:var(--muted); font-size:11px; overflow-wrap:anywhere; }
.live-trace-waveform-bars { display:flex; align-items:center; gap:2px; height:28px; padding:2px 0; }
.live-trace-waveform-bars i { flex:1 1 0; min-width:1px; max-height:22px; border-radius:2px; background:#b45335; }
.permission-note { margin:0; color:var(--muted); font-size:13px; }
.global-rail { display:none; }
.global-rail .brand { display:grid; place-items:center; width:38px; height:38px; margin-bottom:12px; border-radius:11px; background:var(--accent); color:#fff; font-size:13px; font-weight:800; }
.global-rail button { display:grid; place-items:center; width:40px; height:40px; padding:8px; margin:0; border-radius:10px; background:transparent; color:#657694; box-shadow:none; }
.global-rail button:hover, .global-rail button.active { background:#e3edff; color:var(--accent); }
.global-rail svg { width:20px; height:20px; stroke:currentColor; stroke-width:1.8; fill:none; stroke-linecap:round; stroke-linejoin:round; }
#adminContent { display:grid; grid-template-columns:244px minmax(0,1fr); gap:0; min-height:calc(100vh - 58px); align-items:stretch; }
#adminContent.sidebar-collapsed { grid-template-columns:var(--admin-rail-width, 72px) minmax(0,1fr); }
#adminContent.sidebar-collapsed .console-nav { display:none !important; }
#adminContent.sidebar-collapsed .console-main { grid-column:2; }
.console-nav { grid-column:1; background:#eef4ff; border:0; border-right:1px solid #d8e5fa; border-radius:0; padding:18px 12px; position:sticky; top:58px; height:calc(100vh - 58px); }
.console-nav h2 { width:auto; height:auto; margin:4px 10px 14px; color:var(--text); background:transparent; font-size:15px; text-align:left; text-transform:none; letter-spacing:0; }
.console-nav button { display:flex; align-items:center; justify-content:flex-start; gap:10px; width:100%; height:auto; background:transparent; color:var(--muted); box-shadow:none; margin:2px 0; padding:10px 12px; border-radius:8px; }
.console-nav button:hover, .console-nav button.active { background:#e8f0ff; color:var(--accent); }
.console-subnav { margin:-1px 0 8px 18px; padding-left:10px; border-left:1px solid #cbd9ef; }
.console-nav .console-subnav button { padding:7px 10px; font-size:12px; border-radius:6px; }
.console-nav .nav-label { display:inline; font-size:13px; white-space:nowrap; }
.assistant-tabs { display:flex; flex-wrap:wrap; gap:0; margin:-8px 0 0; border:0; position:relative; z-index:1; }
.assistant-tabs[hidden] { display:none; }
.assistant-tabs button { width:auto; margin:0 4px 0 0; padding:10px 16px; border-radius:8px 8px 0 0; border:1px solid var(--border); border-bottom:0; background:#f3f5f8; color:#46546a; box-shadow:none; }
.assistant-tabs button.active { background:#fff; color:var(--text); font-weight:700; }
.console-nav .nav-icon { display:grid; place-items:center; width:22px; height:22px; }
.console-nav .nav-icon svg { width:21px; height:21px; stroke:currentColor; stroke-width:1.8; fill:none; stroke-linecap:round; stroke-linejoin:round; }
.console-main { grid-column:2; min-width:0; padding:28px 32px 48px; }
.console-main > .console-section-title { display:flex; justify-content:space-between; align-items:end; margin:0 0 24px; }
.console-main > .console-section-title h2 { margin:0; font-size:28px; }.console-main > .console-section-title p { margin:5px 0 0; color:var(--muted); }
.console-main [data-console-area][hidden] { display:none !important; }
.console-main .card { margin-bottom:18px; }
.operations-grid > .card[data-console-area="assistant"] { grid-column:1/-1; width:100%; min-width:0; }
.widget-migration-layout{display:grid;grid-template-columns:minmax(520px,1fr) 492px;gap:38px;align-items:start}.widget-plugin-column{max-width:720px}.widget-plugin-row{display:grid;grid-template-columns:190px minmax(0,1fr);gap:30px;align-items:start;margin:0 0 20px}.widget-plugin-row>label:first-child,.widget-plugin-label{margin:11px 0 0;color:var(--text);font-size:13px;font-weight:700}.widget-plugin-control label{color:var(--text);font-weight:500}.widget-plugin-control input,.widget-plugin-control textarea,.widget-plugin-control select{margin-bottom:4px}.widget-plugin-control .muted{display:block;margin-top:5px}.widget-plugin-section{margin:28px 0 16px;padding-top:18px;border-top:1px solid var(--border);font-size:16px}.widget-plugin-check{display:flex;align-items:flex-start;gap:9px;margin:2px 0}.widget-plugin-check input{width:auto;margin:2px 0}.widget-plugin-actions{display:flex;gap:10px;align-items:center;margin-bottom:24px}.widget-plugin-actions button{width:auto;margin:0}.widget-advanced-settings{margin:24px 0;padding:16px;border:1px solid var(--border);border-radius:12px;background:#f8fbff}.widget-advanced-settings summary{cursor:pointer;color:var(--text);font-weight:700}.widget-advanced-settings[open] summary{margin-bottom:20px}.widget-advanced-settings .widget-plugin-row:last-of-type{margin-bottom:18px}.widget-preview-column{position:sticky;top:76px}.widget-appearance-panel{padding:20px;margin-bottom:18px;border:1px solid var(--border);border-radius:14px;background:#fff}.widget-appearance-panel h3{margin:0 0 20px}.widget-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}.widget-color-control{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;color:var(--text)}.widget-color-control input[type=color]{width:48px;height:36px;padding:3px;margin:0;border-radius:5px}.widget-range-row{margin-top:18px}.widget-range-row label{display:flex;justify-content:space-between;color:var(--text)}.widget-range-row input[type=range]{padding:0;margin:4px 0;width:100%}.saas-chat-preview{border:1px solid #dfe4ea;border-radius:18px;background:#fff;box-shadow:0 18px 42px rgba(15,23,42,.14);overflow:hidden}.saas-chat-preview header{display:flex;align-items:center;gap:10px;padding:14px;border-top:4px solid var(--preview-primary,#2563eb);border-bottom:1px solid #eef0f2}.saas-chat-preview img{width:44px;height:44px;border-radius:50%;object-fit:cover}.saas-chat-preview header span{display:block;font-size:12px;color:#64748b}.saas-chat-preview-body{height:310px;padding:20px;background:var(--preview-bg,#fff);color:var(--preview-text,#1f2937)}.saas-chat-preview-message{background:var(--preview-bubble,#f1f5f9);border-radius:16px 16px 16px 5px;padding:11px 14px;max-width:82%}.saas-chat-preview-user{background:linear-gradient(135deg,var(--preview-primary,#2563eb),var(--preview-secondary,#7c3aed));color:#fff;border-radius:16px 16px 5px 16px;padding:11px 14px;max-width:72%;margin:22px 0 0 auto}.saas-chat-preview-compose{margin:12px;border:1px solid #e5e7eb;border-radius:999px;padding:12px 16px;color:#94a3b8}.saas-launcher-preview{margin:14px 0 0 auto;width:max-content;background:var(--preview-primary,#2563eb);color:#fff;border-radius:999px;padding:12px 18px;font-weight:700}@media(max-width:1250px){.widget-migration-layout{grid-template-columns:minmax(440px,1fr) 400px}.widget-plugin-row{grid-template-columns:160px minmax(0,1fr);gap:20px}}@media(max-width:980px){.widget-migration-layout{grid-template-columns:1fr}.widget-preview-column{position:static}.widget-plugin-column{max-width:none}}@media(max-width:620px){.widget-plugin-row{grid-template-columns:1fr;gap:4px}.widget-plugin-row>label:first-child,.widget-plugin-label{margin-top:0}.widget-color-grid{grid-template-columns:1fr}}
#businessProfileForm #activeVerticals{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;padding:0}#businessProfileForm #activeVerticals legend{font-weight:700;margin-bottom:10px}#businessProfileForm #activeVerticals label{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:start;min-height:82px;margin:0;padding:12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-weight:400;cursor:pointer}#businessProfileForm #activeVerticals label:has(input:checked){border:2px solid var(--accent);padding:11px;background:#f4f8ff}#businessProfileForm #activeVerticals input{width:auto;margin:2px 0}.language-option-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.language-option-grid label{display:flex;gap:8px;align-items:center;margin:0;color:var(--text);font-weight:500}.language-option-grid input{width:auto;margin:0}.language-greetings{display:grid;gap:12px}.language-greeting-row{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:start}.language-greeting-row[hidden]{display:none!important}.language-greeting-row strong{padding-top:11px}.language-greeting-row textarea{margin:0}
#knowledgeWorkspace { width:100%; min-width:0; }
#knowledgeWorkspace > .card { width:100%; max-width:none; margin:0 0 18px; border-top:0; border-radius:0 14px 14px 14px; }
.catalog-list-controls { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:14px 0 8px; }
.catalog-type-links { display:flex; align-items:center; gap:7px; font-size:13px; }
.catalog-type-links button { width:auto; padding:0; margin:0; border:0; background:transparent; color:var(--accent); box-shadow:none; }
.catalog-type-links button.current { color:var(--text); font-weight:700; }
.catalog-search { display:flex; align-items:center; gap:8px; }
.catalog-search input { width:240px; }
.catalog-search button, .catalog-bulk-actions button { width:auto; margin:0; }
.catalog-search input, .catalog-search button, .catalog-bulk-actions select, .catalog-bulk-actions button { margin:0; }
.catalog-advanced-filters { margin:8px 0; }
.catalog-advanced-filters summary { width:max-content; color:var(--accent); cursor:pointer; font-size:12px; }
.catalog-bulk-actions { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-start; grid-template-columns:none; margin:10px 0 8px; }
.catalog-bulk-actions select { flex:0 0 240px; }
.catalog-filter-summary-row { display:flex; align-items:baseline; justify-content:space-between; gap:12px; }
.catalog-filter-summary-row .catalog-advanced-filters { flex:1 1 auto; min-width:0; }
.catalog-filter-summary-row #catalogTopPageState { flex:0 0 auto; margin:8px 0; font-size:12px; line-height:normal; text-align:right; white-space:nowrap; }
.catalog-page-size-control { display:flex; align-items:center; gap:8px; margin:0 0 0 auto; color:var(--muted); font-size:12px; white-space:nowrap; }
.catalog-page-size-control select { flex:0 0 auto; width:82px; padding:8px 10px; }
.catalog-page-size-control strong { color:var(--muted); font-weight:700; }
.catalog-top-pagination { flex:0 0 auto; }
.catalog-sync-action { display:flex; align-items:center; gap:10px; margin:10px 0 8px; }
.catalog-sync-action button { width:auto; margin:0; }
.catalog-sync-action .muted { font-size:12px; }
.catalog-auto-index-controls { display:flex !important; flex-direction:row !important; align-items:center; flex-wrap:nowrap; gap:8px; white-space:nowrap; }
.catalog-auto-index-controls .widget-plugin-check { flex:0 0 auto; white-space:nowrap; font-size:12px; }
.catalog-advanced-filters .data-toolbar button { width:auto; margin:0; }
.catalog-filter-summary-row .catalog-advanced-filters .data-toolbar label { margin-bottom:0; }
.catalog-filter-summary-row .catalog-advanced-filters .data-toolbar select { margin-bottom:0; }
.catalog-filter-summary-row .catalog-advanced-filters .data-toolbar button { align-self:flex-end; }
.data-table .row-actions { min-width:150px; }
.catalog-ai-status { display:inline-flex; align-items:center; gap:5px; }
.catalog-ai-status .catalog-status-icon { display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; border-radius:50%; font-weight:700; }
.catalog-ai-status.success .catalog-status-icon { color:#16803a; background:#dff4e5; }
.catalog-ai-status.error .catalog-status-icon { color:#b32d2e; background:#fbeaea; }
.catalog-ai-status.muted .catalog-status-icon { color:#646970; background:#f0f0f1; }
.catalog-ai-status-cell { min-width:150px; min-height:43px; }
.catalog-ai-status-cell .busy-spinner { width:14px; height:14px; vertical-align:-2px; }
.catalog-ai-progress { display:block; min-height:38px; }
.catalog-ai-progress small { display:block; min-height:16px; }
.catalog-ai-status.pending .catalog-status-icon { color:#8a5a00; background:#fff2cf; }
#knowledgeUploadForm, #faqForm, #aiNoteForm { align-items:end; }
#knowledgeUploadForm > label, #faqForm > label, #aiNoteForm > label { margin-bottom:0; }
#knowledgeUploadForm > button, #faqForm > button, #aiNoteForm > button { width:auto; margin:0 0 14px; align-self:end; white-space:nowrap; }
#knowledgeUploadButton, #faqSaveButton, #aiNoteSaveButton { margin-left:auto; }
.data-table .catalog-content-actions { display:flex; align-items:center; flex-wrap:wrap; gap:6px; min-width:0; }
.data-table .catalog-content-actions button { width:auto; margin:0; white-space:nowrap; }
.data-table td a { color:var(--accent); }
.data-table td a:hover { color:var(--accent-2); }
@media (max-width: 1100px) { .console-main { padding:24px; } }
@media (max-width: 760px) { .hero { padding:10px 16px; } .hero p { display:none; } #adminContent { grid-template-columns:1fr; } .console-nav { position:static; top:auto; height:auto; display:flex; flex-wrap:wrap; border-right:0; border-bottom:1px solid var(--border); } .console-nav h2 { width:100%; } .console-nav button { width:auto; } .console-nav .nav-label { display:inline; } }
@media (max-width: 960px) { .grid, .support-settings-grid { grid-template-columns: 1fr; } .stats { grid-template-columns: 1fr; } }
@media (max-width: 640px) { .support-schedule-fields { grid-template-columns:1fr; } .support-days-grid { grid-template-columns:repeat(4, minmax(0, 1fr)); } .support-schedule-footer { align-items:stretch; flex-direction:column; } .support-schedule-footer button { width:100%; } }

/* Widget editor: settings stay in the card; the live preview uses the free workspace column. */
.widget-settings-workspace { grid-column:1/-1; display:grid; grid-template-columns:minmax(760px,1fr) minmax(340px,430px); gap:30px; align-items:start; min-width:0; }
.widget-settings-workspace[hidden] { display:none !important; }
.widget-settings-card { min-width:0; }
.widget-settings-card .widget-migration-layout { grid-template-columns:minmax(440px,1fr) minmax(280px,340px); gap:28px; }
.widget-appearance-column, .widget-preview-column { min-width:0; }
.widget-preview-column { position:sticky; top:76px; min-height:740px; }
.widget-site-selector { margin-bottom:24px; }
.widget-site-selector > label { display:block; margin-bottom:7px; color:var(--text); font-size:13px; font-weight:700; }
.widget-site-selector .widget-plugin-actions { margin-bottom:6px; }
.site-scoped-context{margin:0 0 18px;padding:10px 14px;border:1px solid #d9e5f6;border-radius:11px;background:#f7faff}.active-site-context{display:grid;grid-template-columns:minmax(130px,max-content) minmax(220px,320px);gap:8px 12px;align-items:center;justify-content:start;margin:0;color:#52627d;font-size:11px}.active-site-context>div{display:grid;gap:3px;justify-items:start;text-align:left}.active-site-context strong{color:#52627d;font-size:11px}.active-site-context select{grid-column:2;grid-row:1 / span 2;width:100%;min-width:220px;height:35px;margin:0;padding:6px 30px 6px 10px;border:1px solid #d7e1f0;border-radius:9px;background:#fff;color:#1d2c46;font-weight:600}.active-site-context small{color:#72819a;font-size:10px;font-weight:500;white-space:nowrap}.active-site-profile-context{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px;padding:11px 13px;border:1px solid #d9e5f6;border-radius:10px;background:#f5f8fe}.active-site-profile-context strong{font-size:14px}.active-site-profile-context span{color:#52627d;font-size:12px;text-align:right}@media(max-width:720px){.active-site-context{grid-template-columns:1fr;justify-content:stretch}.active-site-context>div{justify-items:start;text-align:left}.active-site-context select{grid-column:1;grid-row:auto;min-width:0}.site-scoped-context{padding:10px}}
.avatar-picker-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.avatar-picker-row input[type=file]{width:auto;min-width:220px;margin:0}.avatar-current{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border:1px solid var(--border);border-radius:999px;background:#f8fbff;color:var(--text);font-size:12px;font-weight:600}.avatar-current img{display:block;width:32px;height:32px;border-radius:50%;object-fit:cover;background:#e7edf6}@media(max-width:620px){.avatar-picker-row input[type=file]{min-width:0;max-width:100%}}
.avatar-crop-dialog{width:min(560px,calc(100vw - 28px));padding:0;border:0;border-radius:16px;box-shadow:0 24px 64px rgba(15,23,42,.32);background:#fff;color:var(--text)}.avatar-crop-dialog::backdrop{background:rgba(15,23,42,.58)}.avatar-crop-editor{padding:20px}.avatar-crop-dialog-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.avatar-crop-dialog-header h3{margin:0 0 5px;font-size:19px}.avatar-crop-dialog-header p,.avatar-crop-help{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.avatar-crop-close{width:32px!important;min-width:32px;height:32px;padding:0!important;margin:0!important;border-radius:50%!important;background:#f1f5f9!important;color:var(--text)!important;font-size:22px!important;line-height:1}.avatar-crop-stage{position:relative;display:grid;place-items:center;width:min(100%,420px);height:min(68vh,420px);margin:18px auto 12px;overflow:hidden;border-radius:12px;background:repeating-conic-gradient(#e8edf5 0 25%,#f8fafc 0 50%) 50%/20px 20px}.avatar-crop-stage img{display:block;max-width:100%;max-height:100%;user-select:none;-webkit-user-drag:none}.avatar-crop-selection{position:absolute;box-sizing:border-box;border:2px solid #fff;box-shadow:0 0 0 999px rgba(15,23,42,.58);cursor:grab;touch-action:none;outline:none}.avatar-crop-selection:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.avatar-crop-selection:active{cursor:grabbing}.avatar-crop-handle{position:absolute;right:-8px;bottom:-8px;width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:#2563eb;box-shadow:0 1px 4px rgba(15,23,42,.4);cursor:nwse-resize}.avatar-crop-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.avatar-crop-actions button{width:auto;margin:0}.avatar-crop-actions .secondary{background:#64748b}@media(max-width:620px){.avatar-crop-editor{padding:16px}.avatar-crop-stage{height:min(62vh,360px)}.avatar-crop-actions{justify-content:stretch}.avatar-crop-actions button{flex:1}}
.language-greeting-row[hidden] { display:none !important; }
.language-greeting-row textarea { min-height:64px; height:64px; resize:vertical; }
.language-greeting-row { grid-template-columns:90px minmax(0,1fr); }
.language-greeting-row .language-greeting-visibility { grid-column:2; display:flex; align-items:center; gap:7px; margin:0; font-size:12px; font-weight:500; }
.language-greeting-row .language-greeting-visibility input { width:auto; margin:0; }
.data-table .insight-actions { display:flex; flex-wrap:nowrap; align-items:center; gap:8px; min-width:590px; }
.data-table .insight-actions select { flex:1 1 240px; min-width:180px; width:auto; margin:0; }
.data-table .insight-actions button { flex:0 0 auto; width:auto; min-width:110px; margin:0; padding-inline:14px; white-space:nowrap; }
.team-user-item { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:center; padding:12px 14px; border:1px solid var(--border); border-radius:10px; background:#fff; }
.team-user-item small { display:block; margin-top:3px; color:var(--muted); }
.team-user-actions { display:flex; gap:8px; align-items:center; }
.team-user-actions button, .user-form-actions button { width:auto; margin:0; }
.team-user-actions button {
  display: inline-flex;
  width: 34px;
  min-width: 34px;
  height: 34px;
  padding: 0;
  align-items: center;
  justify-content: center;
  font-size: 0;
  line-height: 1;
}
.team-user-actions button::before { display: block; font-size: 17px; line-height: 1; transform: translateY(1px); }
.team-user-actions .secondary::before { content: '✎'; }
.team-user-actions .button-link-delete::before { content: '🗑'; font-size: 15px; }
.support-departments-card[hidden] { display:none !important; }
.team-management-grid { grid-column:1/-1; width:100%; display:grid; grid-template-columns:repeat(3, minmax(280px, 1fr)); gap:18px; align-items:start; }
.team-management-grid .team-access-panel { margin:0; min-width:0; }
.team-access-panel > h2 { margin-top:0; }
.team-management-grid > h3, .team-management-grid > h3 + p, #teamSupportPanel form + h2, #teamSupportPanel form + h2 + p { display:none; }
@media (max-width: 960px) { .team-management-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) { .team-management-grid { grid-template-columns:1fr; } }
@media (max-width: 1600px) {
  .widget-settings-workspace { grid-template-columns:1fr; }
  .widget-preview-column { position:static; width:min(100%,520px); }
  .widget-settings-card .widget-migration-layout { grid-template-columns:minmax(440px,1fr) minmax(280px,360px); }
}
@media (max-width: 980px) {
  .widget-settings-card .widget-migration-layout { grid-template-columns:1fr; }
  .widget-appearance-column { width:min(100%,430px); }
}

/* Widget editor preview: in-flow, never fixed (avoids overlapping the appearance panel). */
.widget-preview-tabs { justify-content:flex-end; margin:0 0 8px; }
.widget-preview-panel[hidden] { display:none !important; }
.widget-preview-panel { position:relative; min-height:0; width:100%; }
.widget-preview-column .saas-chat-preview {
  width:var(--preview-width,380px);
  max-width:100%;
  margin:0 0 0 auto;
  max-height:min(620px,calc(100vh - 120px));
  display:flex;
  flex-direction:column;
  border-radius:var(--preview-radius,18px);
}
.widget-preview-column[data-widget-position="bottom_left"] .saas-chat-preview,
.widget-preview-column[data-widget-position="top_left"] .saas-chat-preview { margin-left:0; margin-right:auto; }
.saas-chat-preview-body { box-sizing:border-box; flex:1 1 auto; min-height:0; height:auto; padding:18px 16px; }
.saas-chat-preview-home { display:flex; align-items:stretch; overflow:visible; }
.saas-chat-preview-empty {
  display:flex;
  flex:1;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:24px 14px;
  color:var(--preview-text,#1f2937);
  text-align:center;
}
.saas-chat-preview-empty > span {
  display:flex;
  flex:0 0 58px;
  width:58px;
  height:58px;
  margin-bottom:14px;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#eef2f7;
  color:#18181b;
  font-size:28px;
  font-weight:800;
}
.saas-chat-preview-empty strong { font-size:18px; line-height:1.25; }
.saas-chat-preview-empty p { max-width:300px; margin:8px auto 0; font-size:14px; line-height:1.45; }
.widget-launcher-preview-panel { display:grid; gap:18px; min-height:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; }
.saas-launcher-sample { display:grid; grid-template-columns:minmax(0,1fr) max-content; align-items:center; column-gap:12px; width:100%; }
.saas-launcher-sample > strong { align-self:end; font-size:14px; grid-column:1; grid-row:1; text-align:right; transform:translateY(-18px); }
.saas-launcher-stage {
  align-items:flex-end;
  display:flex;
  grid-column:2;
  grid-row:1;
  position:relative;
  min-height:74px;
}
.saas-launcher-runtime {
  position:absolute;
  right:0;
  bottom:0;
  color:#111;
  font-family:Arial,sans-serif;
  font-size:16.8px;
  line-height:26.04px;
}
.widget-preview-column .saas-launcher-runtime { position:relative; bottom:auto; right:auto; margin-left:auto; }
.widget-preview-column[data-widget-position="bottom_left"] .saas-launcher-runtime,
.widget-preview-column[data-widget-position="top_left"] .saas-launcher-runtime { margin-left:0; margin-right:auto; }

#businessProfileForm #activeVerticals label{display:grid;grid-template-columns:20px minmax(0,1fr) auto;grid-template-areas:"check title primary" "description description description";gap:4px 10px;align-items:start;margin:0;padding:12px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-weight:400;cursor:pointer}
#businessProfileForm #activeVerticals label > input[type="checkbox"]{grid-area:check;width:auto;margin:2px 0}
#businessProfileForm #activeVerticals .vertical-copy{grid-area:title;font-weight:600}
#businessProfileForm #activeVerticals .vertical-primary{grid-area:primary;display:flex;align-items:center;justify-content:flex-end;align-self:start;gap:6px;font-size:11px;color:var(--muted);white-space:nowrap}
#businessProfileForm #activeVerticals .vertical-primary input{width:auto;margin:0}
#businessProfileForm #activeVerticals .vertical-description{grid-area:description;color:var(--muted);font-size:12px;font-weight:400;line-height:1.4;margin-top:2px}

/* Widget editor responsive fix: at <=1270 the preview drops below the settings
   card as the last element, same as the existing sub-1600px single-column rule. */
@media (max-width: 1270px) {
  .widget-settings-workspace { grid-template-columns: 1fr; }
  .widget-preview-column { position: static; width: min(100%, 520px); }
  .widget-settings-card .widget-migration-layout { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); }
}

/* Echipe operator: spacing between the label, the checkboxes and the next field. */
#newUserDepartmentsWrap { margin: 4px 0 18px; }
#newUserDepartments { margin-top: 10px; }

/* Conectări recente: rânduri compacte pe o singură linie. */
#loginEventList { gap: 0; max-height: none; overflow: visible; border: 1px solid var(--border); border-radius: 10px; background: #fff; }
.login-event-row { padding: 7px 12px; font-size: 13px; color: var(--text); border-bottom: 1px solid var(--border); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.login-event-row:last-of-type { border-bottom: 0; }
.login-event-pager { display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 8px 12px; border-top: 1px solid var(--border); }
.login-event-pager button { width: auto; min-width: 34px; margin: 0; padding: 6px 12px; }

/* Site-scoped taxonomy tree editor. */
.taxonomy-tree-editor { margin-top: 18px; padding: 16px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface, #fff); }
.taxonomy-tree-editor > h3 { margin-top: 0; }
.taxonomy-tree-help { margin: 12px 0 16px; padding: 12px 14px; border-left: 4px solid var(--primary, #2563eb); border-radius: 8px; background: rgba(37, 99, 235, .06); }
.taxonomy-tree-help p { margin: 6px 0 0; }
.taxonomy-tree-help ol { margin: 8px 0 0; padding-left: 22px; }
.taxonomy-tree-workspace { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr); gap: 16px; align-items: start; }
.taxonomy-tree-panel { min-width: 0; }
.taxonomy-tree-filterbar { display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, 220px); gap: 12px 16px; align-items: end; margin: 10px 0 8px; }
.taxonomy-tree-filterbar > label { display: grid; gap: 4px; min-width: 0; color: var(--muted); font-size: 12px; }
.taxonomy-tree-filterbar input, .taxonomy-tree-filterbar select { width: 100%; min-width: 0; }
.taxonomy-tree-summary { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.taxonomy-tree-summary-chip, .taxonomy-tree-status-chip { display: inline-flex; align-items: center; width: max-content; padding: 3px 7px; border-radius: 999px; font-size: 11px; line-height: 1.2; white-space: nowrap; }
.taxonomy-tree-status-chip { margin-left: 2px; }
.taxonomy-tree-status-unallocated { color: #991b1b; border: 1px solid #fecaca; background: #fef2f2; }
.taxonomy-tree-status-auto { color: #1d4ed8; border: 1px solid #bfdbfe; background: #eff6ff; }
.taxonomy-tree-status-manual { color: #166534; border: 1px solid #bbf7d0; background: #f0fdf4; }
.taxonomy-tree-status-configured { color: #166534; border: 1px solid #bbf7d0; background: #f0fdf4; }
.taxonomy-tree-status-neutral { color: var(--muted); border: 1px solid var(--border); background: #f8fafc; }
.taxonomy-tree-move-toolbar { display: flex; flex-wrap: wrap; gap: 10px; align-items: end; margin: 14px 0; padding: 12px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-muted, #f8fafc); }
.taxonomy-tree-move-toolbar label { display: grid; gap: 4px; min-width: min(320px, 100%); color: var(--muted); font-size: 12px; }
.taxonomy-tree-move-toolbar select { min-width: min(320px, 100%); }
.taxonomy-tree-move-toolbar button { width: auto; margin: 0; }
.taxonomy-tree-details { position: sticky; top: 16px; min-height: 260px; padding: 16px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface-muted, #f8fafc); }
.taxonomy-tree-details h4 { margin: 0 0 10px; }
.taxonomy-tree-details-title { display: block; margin-bottom: 4px; font-size: 16px; }
.taxonomy-tree-details > .muted { display: block; }
.taxonomy-tree-details-status { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.taxonomy-tree-detail-form { display: grid; gap: 12px; margin-top: 14px; }
.taxonomy-tree-picker { display: grid; gap: 5px; color: var(--text); font-size: 13px; }
.taxonomy-tree-picker > label { display: flex; align-items: center; justify-content: space-between; gap: 8px; font-weight: 600; }
.taxonomy-tree-picker-search-label { color: var(--primary, #2563eb); font-size: 11px; font-weight: 500; }
.taxonomy-tree-picker input, .taxonomy-tree-picker select { width: 100%; }
.taxonomy-tree-detail-form small { line-height: 1.35; }
#taxonomyTree { display: block; min-height: 560px; max-height: 620px; overflow: auto; padding: 10px; border: 1px solid var(--border); border-radius: 10px; background: #fff; }
.taxonomy-tree-list { list-style: none; margin: 0; padding: 0; }
.taxonomy-tree-node > .taxonomy-tree-list { margin: 6px 0 0 28px; padding-left: 16px; border-left: 2px solid rgba(37, 99, 235, .18); }
.taxonomy-tree-list > .taxonomy-tree-node { margin: 6px 0; }
.taxonomy-tree-node { padding: 8px 10px; border: 1px solid transparent; border-radius: 8px; }
.taxonomy-tree-node[data-taxonomy-tree-role="root"] { margin-top: 10px; padding: 10px 12px; border-color: rgba(37, 99, 235, .20); background: rgba(37, 99, 235, .05); }
.taxonomy-tree-node[data-taxonomy-tree-role="root"] > .taxonomy-tree-row strong { font-size: 15px; }
.taxonomy-tree-node[data-taxonomy-tree-role="type"] > .taxonomy-tree-row strong { font-weight: 700; }
.taxonomy-tree-node[draggable="true"] { cursor: grab; }
.taxonomy-tree-node[draggable="true"]:active { cursor: grabbing; }
.taxonomy-tree-node:hover, .taxonomy-tree-node.taxonomy-tree-drop-target { border-color: var(--primary, #2563eb); background: rgba(37, 99, 235, .06); }
.taxonomy-tree-node-selected > .taxonomy-tree-row { border-color: var(--primary, #2563eb); background: rgba(37, 99, 235, .10); }
.taxonomy-tree-row { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; min-height: 28px; }
.taxonomy-tree-row .status-chip { margin-left: 4px; }
.taxonomy-tree-toggle, .taxonomy-tree-toggle-spacer { display: inline-flex; align-items: center; justify-content: center; width: 24px; min-width: 24px; height: 24px; padding: 0; margin: 0; }
.taxonomy-tree-toggle { border: 1px solid var(--border); border-radius: 5px; color: var(--text); background: #fff; cursor: pointer; }
.taxonomy-tree-toggle-spacer { color: transparent; }
.taxonomy-tree-drag-handle { color: var(--muted); font-size: 16px; letter-spacing: -3px; cursor: grab; user-select: none; }
.taxonomy-tree-select { width: auto; min-width: 88px; margin: 0 0 0 auto; padding: 4px 8px; font-size: 12px; }
.taxonomy-advanced-editor { margin-top: 18px; }
@media (max-width: 840px) { .taxonomy-tree-workspace { grid-template-columns: 1fr; } .taxonomy-tree-details { position: static; } #taxonomyTree { min-height: 420px; max-height: 520px; } .taxonomy-tree-move-toolbar label, .taxonomy-tree-move-toolbar select { min-width: 100%; } .taxonomy-tree-filterbar { grid-template-columns: 1fr; } .taxonomy-tree-select { margin-left: 0; } }

.widget-font-size-settings { display: grid; gap: 10px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--border); }
.widget-font-size-title { color: var(--text); font-size: 13px; font-weight: 700; }
.widget-font-size-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--text); font-size: 12px; font-weight: 600; }
.widget-font-size-control { display: inline-flex; align-items: center; gap: 5px; color: var(--muted); font-weight: 600; }
.widget-font-size-control input { width: 58px; margin: 0; padding: 7px 5px; text-align: center; }
.saas-chat-preview-message, .saas-chat-preview-user { font-size: var(--preview-conversation-font-desktop, 14px); line-height: 1.4; }
@media (max-width: 768px) { .saas-chat-preview-message, .saas-chat-preview-user { font-size: var(--preview-conversation-font-mobile, 14px); } }

/* Voice settings use the active site selector as their only context. */
.voice-settings-card { min-width: 0; max-width: 920px; }
.voice-settings-card #voiceConfigPanel { min-width: 0; }
.voice-activation-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, 280px); gap: 10px 24px; align-items: center; margin-bottom: 24px; }
.voice-activation-row .widget-plugin-check { margin: 0; }
.voice-activation-row > .muted { grid-column: 1; margin: 0; font-size: 12px; }
.voice-activation-row > button { width: 100%; min-width: 0; margin: 0; }
.voice-config-section { min-width: 0; }
.voice-config-section > .widget-plugin-control { min-width: 0; }
.voice-config-section .widget-migration-layout { grid-template-columns: minmax(0, 1fr) minmax(220px, 0.72fr); gap: 24px; }
.voice-config-section .widget-plugin-column { min-width: 0; max-width: none; }
.voice-config-section .widget-plugin-column label { min-width: 0; }
.voice-config-section .widget-plugin-column input,
.voice-config-section .widget-plugin-column select { box-sizing: border-box; width: 100%; max-width: 100%; }
.voice-config-section .widget-plugin-column > label { display: block; }
.voice-config-section .widget-plugin-column > label + label { margin-top: 12px; }
.voice-config-section .widget-plugin-column > div:not([hidden]) { display: grid !important; grid-template-columns: 1fr; gap: 8px !important; margin-top: 18px !important; }
.voice-config-section .widget-plugin-column > div button { width: 100%; min-width: 0; margin: 0; }
.voice-preview-text-label { display: block; margin-top: 18px; color: var(--text); font-size: 13px; font-weight: 700; }
.voice-preview-text-label textarea { box-sizing: border-box; width: 100%; max-width: 100%; min-height: 74px; margin-top: 6px; resize: vertical; }
.voice-preview-player { margin-top: 14px; }
.voice-preview-player audio { display: block; width: min(100%, 420px); max-width: 100%; }
.widget-color-grid { grid-auto-rows: 52px; }
.widget-color-control { box-sizing: border-box; width: 100%; min-width: 0; height: 52px; }
.widget-color-control input[type="color"] { box-sizing: border-box; flex: 0 0 48px; width: 48px; min-width: 48px; height: 36px; }
@media (max-width: 760px) {
  .voice-activation-row { grid-template-columns: 1fr; gap: 8px; }
  .voice-activation-row > .muted { grid-column: 1; }
  .voice-config-section .widget-migration-layout { grid-template-columns: 1fr; }
}