/* Shared composition controls for the visitor and the operator. */
.supportComposeTools{min-width:0}.supportSendRow{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.supportComposeRail{display:flex;align-items:center;gap:5px}.supportComposerActions>small{display:none}.supportComposeRail .supportComposeIcon{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid transparent;border-radius:8px;background:transparent;color:inherit;cursor:pointer}.supportComposeIcon svg{pointer-events:none}.supportComposeIcon[aria-expanded=true]{background:#e0e8ff;color:#2746b6}.supportComposeIcon:disabled{opacity:.45;cursor:default}
.supportComposePanels>[hidden],.supportPendingFiles:empty{display:none!important}.supportEmoji{display:flex;flex-wrap:wrap;gap:3px;padding:8px 0}.supportEmoji button{font-size:23px!important;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:6px;background:transparent;cursor:pointer}.supportSnippets{display:grid;gap:5px;padding:10px 0}.supportSnippets button{min-height:44px;text-align:left;white-space:normal;background:transparent;color:inherit;border:1px solid var(--support-border,var(--line,#bdc8df));border-radius:6px;padding:8px 12px;font:inherit;font-size:13px;cursor:pointer}
.supportPendingFiles{display:grid;gap:6px;max-height:146px;overflow:auto;padding-top:8px}.supportPendingFile{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;border:1px solid var(--support-border,var(--line,#bdc8df));border-radius:6px;padding-left:10px;font-size:12px}.supportPendingFile>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.supportPendingFile button{flex-shrink:0;min-height:44px;border:0;background:transparent;color:inherit;padding:8px;font:inherit;font-size:12px;cursor:pointer}.supportPendingFiles>p{font-size:12px!important;margin:0!important}
.supportFiles{display:grid;gap:6px;margin:8px 0}.supportFile{display:flex;flex-direction:column;gap:3px;max-width:100%;min-height:44px;padding:10px 12px;background:color-mix(in srgb,currentColor 5%,transparent);border:1px solid var(--support-border,var(--line,#bdc8df));border-radius:7px;color:inherit;text-decoration:none!important;overflow-wrap:anywhere}.supportFile strong{font-size:13px;line-height:1.4}.supportFile small{font-size:11px;opacity:.78}
.supportWelcomeChoices{display:grid;gap:8px;margin-top:20px}.supportWelcomeChoices button{min-height:44px;border:1px solid var(--support-border);border-radius:8px;background:transparent;color:var(--support-text);font:inherit;font-size:13px;text-align:left;padding:10px 13px;cursor:pointer}.supportAdminBack{display:none!important}
@media(hover:hover){.supportComposeIcon:hover:not(:disabled),.supportEmoji button:hover,.supportSnippets button:hover,.supportWelcomeChoices button:hover{background:color-mix(in srgb,#315cff 10%,transparent)}}
@media(max-width:760px){.supportAdmin[data-chat-view=list] .supportAdminConversation{display:none}.supportAdmin[data-chat-view=dialog] .supportAdminSidebar{display:none}.supportAdmin .supportAdminBack{display:inline-flex!important;align-items:center}.supportAdmin .supportAdminChatHead{flex-wrap:wrap;gap:8px}.supportAdmin .supportAdminChatHead>div{flex:1;min-width:120px}.supportAdmin .supportAdminChatHead>[data-support-toggle]{font-size:12px;padding:8px;min-height:44px}.supportAdmin .supportComposeRail{gap:3px}.supportAdmin .supportAdminComposerActions>p{display:none}}

.supportAdmin{--support-accent:#14784f}.supportDialog .supportComposeIcon[aria-expanded=true]{background:#d9f2e5;color:#126340}