.typing-preview{flex:none;padding:10px 18px;background:var(--surface,#fff);border-top:1px solid #e9edf2;font-size:13px;line-height:1.5;max-height:100px;overflow:auto}.typing-label{color:#8493a3;display:block}.typing-content{display:block;color:#35495d;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:3px}.typing-consent{display:flex;align-items:flex-start;gap:6px;color:#768596;font-size:11px;line-height:1.5;padding:5px 12px}.typing-consent input{width:14px;height:14px;flex:none;margin:2px 0}.typing-consent[hidden],.typing-preview[hidden]{display:none!important}.customer-actions{flex-direction:column;align-items:stretch;gap:8px}.customer-actions .mute-customer{order:-1;text-align:left;padding:10px 12px;border:1px solid #e5eaf1;border-radius:7px;background:#f8fafc;color:#52677f;font:inherit}.customer-actions .mute-customer.is-muted{background:#fff5e6;color:#a96815;border-color:#f3d9ad}.muted-indicator{font-size:10px;color:#a0a8b3;white-space:nowrap}.sound-preferences{padding-top:20px;margin-top:20px;border-top:1px solid #e6eaf0}.sound-volume-row{display:flex;align-items:center;gap:12px}.sound-volume-row input{flex:1;min-width:80px}.sound-volume-row output{min-width:36px;color:#6c7b8b}.sound-volume-row button{white-space:nowrap} @media(max-width:680px){.typing-preview{padding:8px 12px}.typing-consent{font-size:11px}}
body[data-mode="visitor"] #visitor-questions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;padding:8px 10px;background:transparent;border:0}body[data-mode="visitor"] #visitor-questions button{width:100%;min-width:0;max-width:none;padding:5px 2px;font-size:11px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid #e5e8ee;border-radius:999px;background:#fff;color:#394556;letter-spacing:0}body[data-mode="visitor"] #visitor-questions[hidden]{display:none!important}
body[data-mode="agent"] .active-chat:has(>.typing-preview:not([hidden])){grid-template-rows:auto minmax(0,1fr) auto auto}body[data-mode="agent"] .active-chat>.typing-preview{grid-column:1;grid-row:3}body[data-mode="agent"] .active-chat:has(>.typing-preview:not([hidden]))>.composer{grid-row:4;grid-column:1}body[data-mode="agent"] .active-chat:has(>.typing-preview:not([hidden]))>.customer-sidebar{grid-row:1/5}.typing-consent{grid-column:1/-1}

body[data-mode=agent] .customer-actions{align-items:stretch;gap:8px}body[data-mode=agent] .customer-actions button{display:flex!important;align-items:center;justify-content:flex-start;gap:9px;text-align:left}body[data-mode=agent] .customer-actions #rename{order:0}body[data-mode=agent] .customer-actions #mute-customer{order:1}body[data-mode=agent] .customer-actions #block-visitor{order:2}body[data-mode=agent] .customer-actions button svg{display:block;flex:none;width:17px;height:17px}
body[data-mode=visitor] .typing-consent-toggle[hidden],.typing-consent-panel[hidden]{display:none!important}.typing-consent-panel{position:absolute;left:12px;bottom:calc(100% + 6px);z-index:40;width:280px;max-width:calc(100% - 24px);padding:12px;background:var(--panel,#fff);border:1px solid var(--border,#e5eaf1);border-radius:10px;box-shadow:0 6px 24px #17283d24}.typing-consent-panel>strong{display:block;font-size:13px;font-weight:600;color:#35495d;margin-bottom:8px}.typing-consent-panel .typing-consent{padding:0;font-size:12px;line-height:1.6;color:#64748b;cursor:pointer}.typing-consent-toggle.is-enabled{color:var(--green,#3565f6)!important}.typing-consent-toggle.is-enabled .typing-consent-slash{display:none}