.chat-head .icon-button{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0;transition:.18s ease}
.chat-head .icon-button:hover{color:var(--ink);border-color:rgba(20,33,29,.28);transform:translateY(-1px)}
.chat-head .icon-button.enabled{color:var(--accent);border-color:rgba(232,85,50,.3);background:rgba(232,85,50,.06)}
.chat-head .icon-button svg,.notification-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.notification-button{display:inline-flex;align-items:center;gap:8px}
.notification-button.enabled{color:#e85532;border-color:rgba(232,85,50,.35);background:rgba(232,85,50,.06)}
.operator-message{align-self:flex-start;max-width:92%;display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:end}
.operator-message .operator-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#14211d;color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px}
.operator-message .operator-copy{min-width:0}
.operator-message .operator-name{display:block;margin:0 0 5px 4px;color:#6d7974;font-size:11px;font-weight:700}
.operator-message .bubble{max-width:100%;background:#fff;border:1px solid rgba(20,33,29,.14);box-shadow:0 5px 18px rgba(20,33,29,.06);border-bottom-left-radius:6px}
.operator-profile{display:flex;align-items:center;gap:12px}
.operator-profile img,.operator-profile .operator-placeholder{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#14211d;color:#fff;display:grid;place-items:center;font-weight:750}
.operator-profile strong{display:block}.operator-profile small{color:#6d7974}
.avatar-editor-preview{width:72px;height:72px;border-radius:50%;object-fit:cover;background:#14211d;color:#fff;display:grid;place-items:center;font-size:24px;font-weight:750;margin-bottom:8px}