.ozon-chat-toolbar,.ozon-chat-list>header,.ozon-chat-list>footer,.ozon-chat-detail>header,.ozon-chat-compose>footer,.ozon-chat-draft>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ozon-chat-toolbar{padding:12px 16px;margin-bottom:14px}
.ozon-chat-toolbar label{display:flex;align-items:center;gap:8px}
.ozon-chat-layout{display:grid;grid-template-columns:minmax(225px,1fr) minmax(0,2.75fr);gap:14px;align-items:start}
.ozon-chat-list,.ozon-chat-detail{min-width:0;overflow:hidden}
.ozon-chat-list>header,.ozon-chat-list>footer,.ozon-chat-detail>header{padding:12px 16px}
.ozon-chat-list>header,.ozon-chat-detail>header,.ozon-chat-orders{border-bottom:1px solid var(--line)}
.ozon-chat-list>footer,.ozon-chat-compose,.ozon-chat-draft{border-top:1px solid var(--line)}
.ozon-chat-threads{max-height:65vh;overflow:auto}
.ozon-chat-thread{appearance:none;width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 13px;border:0;border-bottom:1px solid var(--line);border-left:3px solid transparent;text-align:left;font:inherit;color:inherit;background:transparent;cursor:pointer}
.ozon-chat-thread:hover,.ozon-chat-thread.active{background:color-mix(in srgb,#029c98 12%,transparent)}
.ozon-chat-thread.active{border-left-color:#029c98}
.ozon-chat-thread span:first-child{min-width:0}
.ozon-chat-thread strong,.ozon-chat-thread small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ozon-chat-thread small,.ozon-chat-bubble small{color:var(--muted);margin-top:3px;font-size:.8em}
.ozon-chat-thread-heading{display:flex;align-items:baseline;gap:8px}
.ozon-chat-thread-heading small{flex-shrink:0;margin-top:0}
.ozon-chat-history{display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-height:55vh;min-height:180px;overflow:auto;padding:16px;overscroll-behavior:contain}
.ozon-chat-bubble{max-width:min(90%,640px);padding:8px 12px;border:1px solid var(--line);border-radius:10px 10px 10px 2px}
.ozon-chat-bubble.is-seller{align-self:flex-end;border-radius:10px 10px 2px 10px;background:color-mix(in srgb,#029c98 12%,transparent)}
.ozon-chat-bubble div{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0}
.ozon-chat-compose,.ozon-chat-draft,.ozon-chat-orders{padding:12px 16px}
.ozon-chat-compose label,.ozon-chat-draft label{display:block;margin-bottom:5px}
.ozon-chat-compose textarea,.ozon-chat-draft input,.ozon-chat-draft textarea{width:100%;margin-top:4px}
.ozon-chat-compose textarea,.ozon-chat-draft textarea{resize:vertical}
.ozon-chat-orders{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ozon-chat-draft summary{cursor:pointer;padding:3px 0}
.ozon-chat-draft-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:8px 0}
.ozon-chat-draft-fields label:last-child{grid-column:1/-1}
@media(max-width:760px){.ozon-chat-layout{grid-template-columns:1fr}.ozon-chat-threads{max-height:30vh}}