/* Conversation refinements: readable messages, stable avatars and compact composition. */
.header-actions{display:flex;align-items:center;gap:2px}
:root{--surface:#202428}
.sidebar-head{padding-bottom:12px}.connection{padding-bottom:18px}.tabs button{font-size:12px;padding-top:12px;padding-bottom:14px}.ticket{padding-top:17px;padding-bottom:17px}.ticket-title{font-size:14px;font-weight:600}.ticket-preview{font-size:13px;line-height:1.5}.ticket.active{background:#25332d}.ticket-time{font-variant-numeric:tabular-nums}
.chat-head{background:var(--panel);min-height:82px}.chat-heading h2{font-size:19px}.chat-heading .small{font-size:12px}.close-button{min-height:38px;font-size:13px}.messages{padding:26px 30px;background:#141719}.message{gap:10px;margin-bottom:18px;contain-intrinsic-size:auto 100px}.message-content{background:#20252a;border-radius:10px;padding:10px 13px 7px;max-width:min(82%,720px);min-width:100px}.message.own{flex-direction:row-reverse}.message.own .message-content{background:#26382f}.message.internal .message-content{background:#302a20}.message-meta{font-size:13px;margin-bottom:5px;gap:7px}.sender{font-weight:600}.badge{font-size:10px;padding:1px 5px;background:#ffffff09}.message-text{font-size:15px;line-height:1.6;overflow-wrap:anywhere}.message-time{display:block;text-align:right;color:var(--muted);font-size:11px;line-height:1.3;margin-top:5px;font-variant-numeric:tabular-nums}.avatar{position:relative;width:34px;height:34px;border:1px solid #ffffff0a;background:#2b3136;display:flex;align-items:center;justify-content:center;align-self:flex-start;font-size:13px;font-weight:600}.avatar-initial{line-height:1}.avatar img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.message.continuation{margin-top:-13px}.message.continuation .avatar{visibility:hidden}.message.continuation .message-meta{display:none}.message.continuation .message-content{padding-top:9px}.message.service:empty{display:none}.message.service{font-size:12px;margin:5px 0 18px}.photo-link{display:block;max-width:420px;overflow:hidden;border-radius:7px;margin-top:7px;text-decoration:none;line-height:0}.photo{display:block;max-width:100%;width:auto;height:auto;max-height:420px;object-fit:contain;margin:0;background:#15191c;min-width:80px;min-height:60px}.photo-error{display:block;color:var(--muted);font-size:13px;line-height:1.5;padding:14px}.attachment{max-width:100%;background:#ffffff08;font-size:13px;padding:11px 12px}.composer{background:var(--panel);padding-top:15px}.composer textarea{background:#121618;border:1px solid #343c43;border-radius:9px;padding:12px 14px;min-height:82px;line-height:1.5;font-size:15px;display:block;margin-bottom:9px}.composer-bottom{gap:12px}.composer-hint{font-size:11px;margin-top:8px}.tools .icon-button,.tool-button{color:#bac4cc}.send{font-size:13px;min-height:38px}.pinned button{padding:6px 10px}.chat{min-height:0}.file-preview{background:#22292d;border-radius:8px;padding:8px 10px;margin-bottom:10px;gap:10px}.file-thumbnail{width:62px;height:48px;object-fit:cover;border-radius:4px;flex-shrink:0}.file-preview #file-name{font-size:13px;color:var(--text)}
@media(min-width:1500px){.messages{padding-left:max(30px,calc((100% - 920px)/2));padding-right:max(30px,calc((100% - 920px)/2))}}
@media(max-width:760px){.chat-head{padding:11px 10px;gap:6px;min-height:70px}.chat-heading h2{font-size:15px}.chat-head .close-button{font-size:11px;padding:7px 9px;min-height:36px}.messages{padding:18px 12px}.message{gap:7px;margin-bottom:16px}.avatar{width:29px;height:29px;font-size:12px}.message-content{max-width:calc(100% - 42px);padding:9px 11px 6px;border-radius:9px}.message-meta{font-size:12px;gap:5px}.message-text{font-size:15px;line-height:1.55}.message.continuation{margin-top:-11px}.photo-link{max-width:100%}.photo{max-height:360px}.composer{padding:11px 12px max(10px,env(safe-area-inset-bottom))}.composer textarea{font-size:16px;min-height:74px;padding:10px 12px;margin-bottom:7px}.composer-bottom{gap:8px}.send{min-width:40px;min-height:38px}.composer-hint{display:none}.ticket-title{font-size:14px}.ticket{padding:16px 18px}.tabs button{padding-left:8px;padding-right:8px}.message-time{font-size:10px}.file-thumbnail{width:54px;height:44px}}