.chat-toolbar-organized{display:block;flex-shrink:0;padding:12px 16px;max-height:45dvh;overflow-y:auto}
.chat-toolbar-main{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.chat-toolbar-main h2{flex:1;min-width:0;overflow-wrap:anywhere}
.chat-state{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}
.chat-attendant{margin:0 0 10px;font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.chat-action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:6px;align-items:stretch;grid-auto-rows:minmax(36px,auto)}
.chat-action-grid>.chat-actions{display:contents}
.chat-action-grid>.button,.chat-action-grid>.chat-actions>.button,.chat-action-grid>.chat-actions>form>.button{display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;width:100%;height:100%;min-height:36px;margin:0;padding:6px 8px;font-size:12px;line-height:1.35;white-space:normal;text-align:center;box-sizing:border-box}
.chat-action-grid>.chat-actions>form{display:flex;margin:0;min-width:0}
.chat-action-grid>.button svg,.chat-action-grid>.chat-actions .button svg{width:15px;height:15px;flex-shrink:0}
.chat-action-grid [hidden]{display:none!important}
.chat-visitor-info{margin:0 0 12px;font-size:12px;overflow-wrap:anywhere;line-height:1.5}
@media(max-width:800px){.chat-toolbar-organized{padding:10px 12px;max-height:60dvh}.chat-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(44px,auto)}.chat-action-grid>.button,.chat-action-grid>.chat-actions>.button,.chat-action-grid>.chat-actions>form>.button{min-height:44px}.chat-toolbar-main{gap:8px;margin-bottom:8px}.chat-toolbar-main h2{flex:auto}.chat-state{font-size:11px}}