.chat-layout{display:grid;grid-template-columns:280px 1fr;gap:14px;height:calc(100vh - 130px)}
.thread-list,.chat-panel{overflow:hidden;display:flex;flex-direction:column}
.thread-list-body,.messages{overflow:auto;flex:1}
.thread-item{padding:12px 38px 12px 12px;border-bottom:1px solid var(--line);cursor:pointer;position:relative}
.thread-item:hover,.thread-item.active{background:#0e2c47}
.thread-delete{position:absolute;right:9px;top:9px;width:25px;height:25px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:19px;cursor:pointer}
.thread-delete:hover{background:#4a1d29;color:#ff94a0}
.message{max-width:78%;padding:12px 14px;border-radius:12px;margin:10px;white-space:pre-wrap;line-height:1.5}
.message.user{margin-left:auto;background:#0d5597}
.message.assistant{background:#162b3f}
.chat-compose{display:grid;grid-template-columns:150px 1fr auto;gap:9px;padding-top:12px;border-top:1px solid var(--line)}
@media(max-width:760px){.chat-layout{grid-template-columns:1fr}.chat-compose{grid-template-columns:1fr}}