/* Mod 1.181 · Balões do chat mais visíveis (central, PDV e conectores): cores no estilo WhatsApp, texto maior e contraste AA. */
.sales-chat-bubble{--b180-in:#fff;--b180-out:#d9fdd3;--b180-ink:#111b21;--b180-muted:#54656f;--b180-name:var(--chat-brand,#137e5a);--b180-line:rgba(11,20,26,.08)}
html[data-theme=dark] .sales-chat-bubble{--b180-in:#202c33;--b180-out:#005c4b;--b180-ink:#e9edef;--b180-muted:#aebac1;--b180-name:#53bdeb;--b180-line:rgba(255,255,255,.06)}
.sales-chat-log{background-color:#efeae2;background-image:radial-gradient(rgba(11,20,26,.06) 1px,transparent 1px);background-size:18px 18px;gap:6px}
html[data-theme=dark] .sales-chat-log{background-color:#0b141a;background-image:radial-gradient(rgba(255,255,255,.035) 1px,transparent 1px)}
:is(.sales-chat-workspace,.sales-chat-widget,.sales-chat-window,body) .sales-chat-log .sales-chat-bubble{position:relative;background:var(--b180-in);color:var(--b180-ink);border:1px solid var(--b180-line);border-radius:18px!important;border-top-left-radius:6px!important;padding:8px 12px 6px;min-width:96px;max-width:min(76%,620px);box-shadow:0 1px 1.5px rgba(11,20,26,.16)}
:is(.sales-chat-workspace,.sales-chat-window,body) .sales-chat-log .sales-chat-bubble:is(.staff,.bot),.sales-chat-widget .sales-chat-log .sales-chat-bubble.visitor{background:var(--b180-out);border-radius:18px!important;border-top-right-radius:6px!important}
.sales-chat-widget .sales-chat-log .sales-chat-bubble:is(.staff,.bot){background:var(--b180-in);border-radius:18px!important;border-top-left-radius:6px!important}
.sales-chat-log .sales-chat-bubble>b{display:block;font-size:12.5px;font-weight:700;color:var(--b180-name);margin-bottom:2px;line-height:1.3}
.sales-chat-log .sales-chat-bubble p{font-size:15px;line-height:1.45;color:var(--b180-ink);margin:2px 0 4px}
.sales-chat-log .chat-message-foot{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:2px;min-height:20px}
.sales-chat-log .chat-message-foot [data-message-status]{font-size:11.5px;color:var(--b180-muted);white-space:nowrap;order:2}
.sales-chat-log .chat-message-tools{order:1;display:inline-flex;gap:2px;opacity:0;transition:opacity .15s ease}
.sales-chat-log .sales-chat-bubble:is(:hover,:focus-within) .chat-message-tools{opacity:1}
@media (hover:none){.sales-chat-log .chat-message-tools{opacity:.85}}
.sales-chat-log .chat-message-tools button{width:26px;height:26px;min-height:26px;padding:0;border:0;border-radius:50%;background:rgba(11,20,26,.06);color:var(--b180-muted);box-shadow:none}
html[data-theme=dark] .sales-chat-log .chat-message-tools button{background:rgba(255,255,255,.08)}
.sales-chat-log .chat-message-tools button:hover{background:rgba(11,20,26,.12);color:var(--b180-ink)}
.sales-chat-log .chat-message-tools .dmk-chat-icon,.sales-chat-log .chat-message-tools svg{width:14px;height:14px}
.sales-chat-log .chat-reactions:not(:empty){display:flex;flex-wrap:wrap;gap:4px;margin:4px 0 0}
.sales-chat-log .chat-reactions button{border-radius:999px;padding:1px 8px;font-size:13px;color:var(--b180-ink);background:var(--b180-in);border:1px solid var(--b180-line);box-shadow:0 1px 2px rgba(11,20,26,.12)}
.sales-chat-log .chat-quote{border-left:4px solid var(--b180-name);background:rgba(11,20,26,.05);border-radius:6px;color:var(--b180-muted)}
html[data-theme=dark] .sales-chat-log .chat-quote{background:rgba(255,255,255,.06)}
.sales-chat-log .chat-date-divider{align-self:center;background:#fff;color:#54656f;font-size:12px;padding:4px 12px;border-radius:8px;box-shadow:0 1px 1px rgba(11,20,26,.12);margin:8px 0}
html[data-theme=dark] .sales-chat-log .chat-date-divider{background:#182229;color:#8696a0}
.sales-chat-log .sales-chat-bubble.outside{border:1px dashed rgba(11,20,26,.25)}
@media (max-width:640px){:is(.sales-chat-workspace,.sales-chat-widget,.sales-chat-window,body) .sales-chat-log .sales-chat-bubble{max-width:88%}}
.sales-chat-log .chat-message-foot [data-message-status]{display:inline-flex;align-items:center;gap:3px;font-variant-numeric:tabular-nums}
.sales-chat-log .chat-tick{width:19px;height:18px;fill:none;stroke:#8696a0;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.sales-chat-log .chat-tick.read{stroke:#53bdeb}
.sales-chat-log .chat-tick.fail{stroke:#ea0038}
.sales-chat-log .chat-tick.wait{width:14px;height:14px}
html[data-theme=dark] .sales-chat-log .chat-tick:not(.read):not(.fail){stroke:#aebac1}
.sales-chat-log .chat-edited{font-style:normal;margin-right:4px}
.sales-chat-log .sales-chat-bubble p{white-space:pre-wrap;overflow-wrap:anywhere}
.sales-chat-log .sales-chat-bubble .chat-link{color:#027eb5;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
html[data-theme=dark] .sales-chat-log .sales-chat-bubble .chat-link{color:#53bdeb}
.sales-chat-log .sales-chat-bubble .chat-link:hover{text-decoration-thickness:2px}
/* anexo pronto para enviar (colar imagem, arrastar ou clipe) */
.chat-attach-bar:not([hidden]){display:flex;align-items:center;gap:10px;margin:0 10px 6px;padding:8px 8px 8px 10px;border:1px solid var(--line,rgba(11,20,26,.12));border-radius:14px;background:var(--panel,#fff);box-shadow:0 1px 3px rgba(11,20,26,.1)}
.chat-attach-bar img{width:52px;height:52px;object-fit:cover;border-radius:10px;flex:none;background:#f0f2f5}
.chat-attach-bar .chat-attach-ico{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:#e7f8ef;color:#137e5a;flex:none}
.chat-attach-bar .chat-attach-txt{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.3}
.chat-attach-bar .chat-attach-txt b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.chat-attach-bar .chat-attach-txt small{color:var(--muted,#54656f);font-size:12px}
.chat-attach-bar button{flex:none;width:32px;height:32px;min-height:32px;padding:0;border-radius:50%;display:grid;place-items:center}
html[data-theme=dark] .chat-attach-bar:not([hidden]){background:#202c33;border-color:rgba(255,255,255,.08)}
.chat-drop-on{position:relative}
.chat-drop-on::after{content:"Solte aqui para anexar";position:absolute;inset:8px;z-index:30;display:grid;place-items:center;border:2px dashed #25d366;border-radius:16px;background:rgba(37,211,102,.12);color:#0b6b3a;font:700 16px/1.2 inherit;pointer-events:none}
html[data-theme=dark] .chat-drop-on::after{color:#7ee2a8;background:rgba(37,211,102,.16)}
/* Ferramentas do atendimento: botões redondos, alinhados, sem quebrar a linha nem achatar a conversa */
.sales-chat-workspace .sales-chat-head{min-height:64px;padding-top:10px;padding-bottom:10px}
.sales-chat-workspace .sales-chat-head .chat-head-copy{min-width:0;flex:1}
.sales-chat-workspace .sales-chat-head .chat-head-copy small{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap}
.sales-chat-workspace .sales-chat-head .chat-head-copy small>[data-chat-presence]{overflow:hidden;text-overflow:ellipsis}
.sales-chat-workspace .sales-chat-head .chat-head-tools{display:flex;flex-wrap:nowrap;gap:2px;flex:none;max-width:60%;overflow-x:auto;scrollbar-width:none}
.sales-chat-workspace .sales-chat-head .chat-head-tools::-webkit-scrollbar{display:none}
.sales-chat-workspace :is(.sales-chat-head,.sales-chat-compose) .chat-tool{width:38px;height:38px;min-width:38px;min-height:38px;flex:0 0 38px;padding:9px;border:0;border-radius:50%;background:transparent;color:var(--chat-muted,#54656f);box-shadow:none;transition:background .15s ease,color .15s ease}
.sales-chat-workspace :is(.sales-chat-head,.sales-chat-compose) .chat-tool:hover{background:rgba(19,126,90,.1);color:var(--central-accent,#137e5a)}
.sales-chat-workspace :is(.sales-chat-head,.sales-chat-compose) .chat-tool[aria-pressed=true]{background:rgba(19,126,90,.14);color:var(--central-accent,#137e5a)}
.sales-chat-workspace .sales-chat-head .chat-tool[data-chat-delete]:hover{background:rgba(234,0,56,.1);color:#c8102e}
html[data-theme=dark] .sales-chat-workspace :is(.sales-chat-head,.sales-chat-compose) .chat-tool{color:#aebac1}
html[data-theme=dark] .sales-chat-workspace :is(.sales-chat-head,.sales-chat-compose) .chat-tool:hover{background:rgba(255,255,255,.08);color:#e9edef}
.sales-chat-workspace :is(.sales-chat-head,.sales-chat-compose) .chat-tool svg{width:20px;height:20px}
/* barra do atendimento: pílulas compactas */
.sales-chat-workspace .chat-service-actions{gap:6px;padding:8px 14px;min-height:52px}
.sales-chat-workspace .chat-service-actions .chat-service-state{flex:1 1 auto;min-width:120px;font-size:12.5px;color:var(--chat-muted,#54656f)}
.sales-chat-workspace .chat-service-actions button{min-height:36px;padding:6px 14px;border-radius:999px;font-size:13px;font-weight:600;gap:6px;flex:none}
.sales-chat-workspace .chat-service-actions button svg{width:16px;height:16px}
.sales-chat-workspace .chat-service-actions button[data-archive-chat]{color:var(--chat-muted,#54656f)}
/* conversa ocupa o espaço: "digitando" só aparece quando tem texto */
.sales-chat-workspace .sales-chat-typing:empty{display:none}
/* caixa de texto no estilo WhatsApp: ferramentas na mesma linha, texto arredondado */
@media (min-width:761px){
 .sales-chat-workspace .sales-chat-compose{align-items:flex-end;flex-wrap:nowrap;gap:6px;padding:10px 14px}
 .sales-chat-workspace .chat-compose-tools{order:0;flex:0 0 auto;max-width:none;flex-wrap:nowrap;align-self:flex-end;padding-bottom:4px;gap:0}
}
.sales-chat-workspace .sales-chat-compose textarea{border-radius:22px;padding:11px 16px;min-height:46px;line-height:1.45}
.sales-chat-workspace .sales-chat-compose .chat-send{border-radius:50%;width:46px;height:46px;min-width:46px}
/* lista: atendente e arquivadas */
.chat-card-operator{display:inline-flex;align-items:center;gap:3px;flex:none;font-size:10.5px;font-style:normal;font-weight:700;color:#0b6b3a;background:rgba(37,211,102,.14);border-radius:999px;padding:1px 7px 1px 5px;max-width:110px;overflow:hidden}
.chat-card-operator svg{width:11px;height:11px;flex:none}.chat-card-operator span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
html[data-theme=dark] .chat-card-operator{color:#7ee2a8;background:rgba(37,211,102,.16)}
.chat-archived-link{display:flex;align-items:center;gap:12px;width:calc(100% - 16px);margin:6px 8px 4px;padding:10px 14px;border:0;border-radius:12px;background:transparent;color:var(--ink,#18372d);font-weight:700;font-size:14px;text-align:left;box-shadow:none}
.chat-archived-link:hover{background:rgba(19,126,90,.08)}
.chat-archived-link svg{width:20px;height:20px;color:var(--central-accent,#137e5a);flex:none}
.chat-archived-link span{flex:1}.chat-archived-link b{font-size:12px;color:var(--central-accent,#137e5a)}
html[data-theme=dark] .chat-archived-link{color:#e9edef}
/* sem quebrar a linha no computador: rola de lado se faltar espaço */
@media (min-width:761px){
 .sales-chat-workspace .chat-service-actions{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
 .sales-chat-workspace .chat-service-actions .chat-service-state{flex:1 1 0;min-width:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
/* ferramentas da mensagem flutuam no canto (como no WhatsApp), o balão fica baixinho */
.sales-chat-log .sales-chat-bubble .chat-message-tools{position:absolute;top:-13px;right:10px;z-index:2;padding:2px;border-radius:999px;background:var(--panel,#fff);box-shadow:0 1px 4px rgba(11,20,26,.22);pointer-events:none}
html[data-theme=dark] .sales-chat-log .sales-chat-bubble .chat-message-tools{background:#233138}
.sales-chat-log .sales-chat-bubble:is(:hover,:focus-within) .chat-message-tools{pointer-events:auto}
@media (hover:none){.sales-chat-log .sales-chat-bubble .chat-message-tools{opacity:0}.sales-chat-log .sales-chat-bubble:focus-within .chat-message-tools{opacity:1}}
.sales-chat-log .chat-message-foot{min-height:16px;margin-top:0}
.sales-chat-log .sales-chat-bubble{padding-bottom:5px}
.sales-chat-workspace .sales-chat-compose textarea{field-sizing:fixed;height:auto;min-height:42px;max-height:128px;overflow-y:hidden}
.sales-chat-log .sales-chat-bubble .chat-message-foot{position:static}
/* celular: uma linha só para as ferramentas e para o atendimento (desliza de lado), sobra espaço para a conversa */
@media (max-width:760px){
 .sales-chat-workspace .sales-chat-head{flex-wrap:nowrap;min-height:56px;padding:6px 8px;gap:6px}
 .sales-chat-workspace .sales-chat-head .chat-head-copy{min-width:96px}
 .sales-chat-workspace .sales-chat-head .chat-head-copy b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .sales-chat-workspace .sales-chat-head .chat-head-tools{max-width:52%}
 .sales-chat-workspace .sales-chat-head .chat-tool{width:36px;height:36px;min-width:36px;min-height:36px;flex-basis:36px;padding:8px}
 .sales-chat-workspace .chat-service-actions{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:6px 8px;min-height:0}
 .sales-chat-workspace .chat-service-actions::-webkit-scrollbar{display:none}
 .sales-chat-workspace .chat-service-actions .chat-service-state{display:none}
 .sales-chat-workspace .chat-service-actions button{flex:none;min-height:34px;padding:5px 12px;font-size:12.5px}
 .sales-chat-workspace .sales-chat-compose{padding:6px 8px 8px}
 .sales-chat-workspace .chat-compose-tools .chat-tool{width:34px;height:34px;min-width:34px;min-height:34px;flex-basis:34px;padding:7px}
}
/* Controles do atendimento e reações: verde suave, cantos discretos e seletor compacto. */
.sales-chat-workspace .chat-service-actions button{
 border:1px solid color-mix(in srgb,var(--chat-brand,#137e5a) 24%,var(--line,transparent));
 border-radius:10px;
 background:color-mix(in srgb,var(--chat-brand,#137e5a) 8%,var(--panel,#fff));
 color:var(--chat-ink,#18372d);
 box-shadow:none;
 transition:background .15s ease,border-color .15s ease,transform .15s ease
}
.sales-chat-workspace .chat-service-actions button:hover{
 border-color:color-mix(in srgb,var(--chat-brand,#137e5a) 42%,var(--line,transparent));
 background:color-mix(in srgb,var(--chat-brand,#137e5a) 14%,var(--panel,#fff));
 transform:translateY(-1px)
}
.sales-chat-workspace .chat-service-actions button.primary{
 border-color:color-mix(in srgb,var(--chat-brand,#137e5a) 65%,#0b5f43);
 background:color-mix(in srgb,var(--chat-brand,#137e5a) 88%,#fff);
 color:#fff
}
.sales-chat-workspace .chat-service-actions button.primary:hover{background:var(--chat-brand,#137e5a)}
.sales-chat-workspace .chat-service-actions button[data-archive-chat]{color:var(--chat-brand,#137e5a)}
html[data-theme=dark] .sales-chat-workspace .chat-service-actions button{
 border-color:rgba(126,226,168,.22);
 background:rgba(126,226,168,.08);
 color:#dcefe4
}
.sales-chat-log .chat-reaction-picker[hidden]{display:none!important}
.sales-chat-log .sales-chat-bubble .chat-reaction-picker:not([hidden]){
 position:absolute;
 left:8px;
 right:auto;
 bottom:30px;
 z-index:7;
 display:grid;
 grid-template-columns:repeat(4,36px);
 gap:5px;
 width:max-content;
 padding:7px;
 border:1px solid color-mix(in srgb,var(--chat-brand,#137e5a) 20%,var(--line,transparent));
 border-radius:12px;
 background:var(--panel,#fff);
 box-shadow:0 8px 24px rgba(11,20,26,.18)
}
.sales-chat-workspace .sales-chat-log .sales-chat-bubble:is(.staff,.bot) .chat-reaction-picker:not([hidden]),
.sales-chat-widget .sales-chat-log .sales-chat-bubble.visitor .chat-reaction-picker:not([hidden]){left:auto;right:8px}
.sales-chat-log .chat-reaction-picker button{
 display:grid;
 place-items:center;
 width:36px;
 height:36px;
 min-width:36px;
 min-height:36px;
 padding:0;
 border:1px solid transparent;
 border-radius:9px;
 background:color-mix(in srgb,var(--chat-brand,#137e5a) 7%,var(--panel,#fff));
 font-size:19px;
 line-height:1;
 box-shadow:none
}
.sales-chat-log .chat-reaction-picker button:hover{
 border-color:color-mix(in srgb,var(--chat-brand,#137e5a) 30%,transparent);
 background:color-mix(in srgb,var(--chat-brand,#137e5a) 15%,var(--panel,#fff));
 transform:scale(1.06)
}
.sales-chat-log .chat-reactions button{
 min-height:28px;
 padding:2px 7px;
 border-radius:8px;
 background:color-mix(in srgb,var(--chat-brand,#137e5a) 8%,var(--panel,#fff))
}
html[data-theme=dark] .sales-chat-log .sales-chat-bubble .chat-reaction-picker:not([hidden]){background:#202c33;border-color:rgba(126,226,168,.2)}
html[data-theme=dark] .sales-chat-log .chat-reaction-picker button,
html[data-theme=dark] .sales-chat-log .chat-reactions button{background:rgba(126,226,168,.09);color:#e9edef}
/* Ícones do cabeçalho e da mensagem também usam cantos discretos, sem círculos ou pílulas. */
.sales-chat-workspace .sales-chat-head .chat-head-tools .chat-tool{
 border:1px solid transparent;
 border-radius:9px;
 transition:background .15s ease,border-color .15s ease,color .15s ease
}
.sales-chat-workspace .sales-chat-head .chat-head-tools .chat-tool:hover,
.sales-chat-workspace .sales-chat-head .chat-head-tools .chat-tool[aria-pressed=true]{
 border-color:color-mix(in srgb,var(--chat-brand,#137e5a) 22%,transparent);
 background:color-mix(in srgb,var(--chat-brand,#137e5a) 10%,var(--panel,#fff));
 color:var(--chat-brand,#137e5a)
}
.sales-chat-log .sales-chat-bubble .chat-message-tools{border-radius:10px}
.sales-chat-log .chat-message-tools button{border-radius:7px}
html[data-theme=dark] .sales-chat-workspace .sales-chat-head .chat-head-tools .chat-tool:hover,
html[data-theme=dark] .sales-chat-workspace .sales-chat-head .chat-head-tools .chat-tool[aria-pressed=true]{
 border-color:rgba(126,226,168,.2);
 background:rgba(126,226,168,.09);
 color:#7ee2a8
}
/* Responder, reagir e excluir ficam separados para leitura e toque mais confortáveis. */
.sales-chat-log .sales-chat-bubble .chat-message-tools{
 top:-18px;
 right:8px;
 gap:8px;
 padding:0;
 border-radius:0;
 background:transparent;
 box-shadow:none
}
.sales-chat-log .sales-chat-bubble .chat-message-tools button{
 display:grid;
 place-items:center;
 box-sizing:border-box;
 width:34px!important;
 height:34px!important;
 min-width:34px!important;
 min-height:34px!important;
 max-width:34px;
 max-height:34px;
 flex:0 0 34px!important;
 aspect-ratio:1/1;
 padding:0!important;
 border:1px solid color-mix(in srgb,var(--chat-brand,#137e5a) 24%,var(--line,transparent));
 border-radius:999px!important;
 background:color-mix(in srgb,var(--chat-brand,#137e5a) 11%,var(--panel,#fff));
 color:var(--chat-brand,#137e5a);
 box-shadow:0 4px 10px rgba(11,20,26,.16);
 transition:transform .15s ease,box-shadow .15s ease,background .15s ease
}
.sales-chat-log .sales-chat-bubble .chat-message-tools button .dmk-chat-icon{width:15px;height:15px;flex:0 0 15px}
.sales-chat-log .sales-chat-bubble .chat-message-tools button:hover{
 border-color:color-mix(in srgb,var(--chat-brand,#137e5a) 36%,var(--line,transparent));
 background:color-mix(in srgb,var(--chat-brand,#137e5a) 18%,var(--panel,#fff));
 color:var(--chat-brand,#137e5a);
 transform:translateY(-2px);
 box-shadow:0 6px 14px rgba(11,20,26,.2)
}
.sales-chat-log .chat-message-tools button[data-reactions]{border-color:color-mix(in srgb,#d99a16 34%,var(--line,transparent));background:color-mix(in srgb,#f4b942 17%,var(--panel,#fff));color:#9a6500}
.sales-chat-log .chat-message-tools button[data-delete-message]{border-color:color-mix(in srgb,#c5485a 30%,var(--line,transparent));background:color-mix(in srgb,#c5485a 11%,var(--panel,#fff));color:#b53c4e}
html[data-theme=dark] .sales-chat-log .sales-chat-bubble .chat-message-tools{background:transparent}
html[data-theme=dark] .sales-chat-log .sales-chat-bubble .chat-message-tools button{border-color:rgba(126,226,168,.24);background:#214238;color:#7ee2a8}
html[data-theme=dark] .sales-chat-log .chat-message-tools button[data-reactions]{border-color:rgba(244,185,66,.28);background:#493b20;color:#ffd77a}
html[data-theme=dark] .sales-chat-log .chat-message-tools button[data-delete-message]{border-color:rgba(255,145,160,.28);background:#482a31;color:#ff9dac}
/* Mod 1.210: ferramentas discretas e reações circulares no padrão do atendimento. */
.sales-chat-log .sales-chat-bubble .chat-message-tools{
 top:-17px;
 right:8px;
 gap:4px;
 padding:4px;
 border:1px solid color-mix(in srgb,var(--chat-brand,#137e5a) 14%,var(--line,transparent));
 border-radius:12px;
 background:color-mix(in srgb,var(--panel,#fff) 96%,var(--chat-brand,#137e5a));
 box-shadow:0 6px 18px rgba(15,23,42,.14)
}
.sales-chat-log .sales-chat-bubble .chat-message-tools button{
 width:30px!important;
 height:30px!important;
 min-width:30px!important;
 min-height:30px!important;
 max-width:30px;
 max-height:30px;
 flex-basis:30px!important;
 border-color:transparent;
 border-radius:50%!important;
 background:transparent;
 color:var(--muted,#64748b);
 box-shadow:none
}
.sales-chat-log .sales-chat-bubble .chat-message-tools button:hover{border-color:transparent;background:color-mix(in srgb,var(--chat-brand,#137e5a) 12%,var(--panel,#fff));color:var(--chat-brand,#137e5a);transform:none;box-shadow:none}
.sales-chat-log .chat-message-tools button[data-reactions]{border-color:transparent;background:color-mix(in srgb,#f4b942 10%,var(--panel,#fff));color:#9a6500}
.sales-chat-log .chat-message-tools button[data-delete-message]{border-color:transparent;background:transparent;color:var(--muted,#64748b)}
.sales-chat-log .chat-message-tools button[data-delete-message]:hover{background:color-mix(in srgb,#c5485a 10%,var(--panel,#fff));color:#b53c4e}
.sales-chat-log .sales-chat-bubble .chat-reaction-picker:not([hidden]){grid-template-columns:repeat(4,38px);gap:6px;padding:8px;border-radius:14px}
.sales-chat-log .chat-reaction-picker button{width:38px;height:38px;min-width:38px;min-height:38px;border-radius:50%;font-size:20px}
.sales-chat-log .chat-reaction-picker button:hover{border-color:color-mix(in srgb,var(--chat-brand,#137e5a) 32%,transparent);transform:translateY(-1px) scale(1.05)}
.sales-chat-log .chat-reactions button{border-radius:999px}
html[data-theme=dark] .sales-chat-log .sales-chat-bubble .chat-message-tools{border-color:rgba(126,226,168,.16);background:#202c33}
html[data-theme=dark] .sales-chat-log .sales-chat-bubble .chat-message-tools button{border-color:transparent;background:transparent;color:#aebac1}
html[data-theme=dark] .sales-chat-log .chat-message-tools button[data-reactions]{background:rgba(244,185,66,.12);color:#ffd77a}
html[data-theme=dark] .sales-chat-log .chat-message-tools button[data-delete-message]{border-color:transparent;background:transparent;color:#aebac1}