.chat-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:16px}.chat-rooms{align-self:start;display:flex;flex-direction:column;gap:8px}.chat-rooms h2{margin-bottom:8px}.chat-rooms button{text-align:left}.chat-rooms button.active{border-color:var(--green);box-shadow:inset 3px 0 var(--green);color:var(--green)}.chat-panel{min-height:650px;display:flex;flex-direction:column}.chat-title{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}.chat-messages{height:480px;overflow:auto;padding:18px 4px;display:flex;flex-direction:column;gap:12px}.chat-message{max-width:min(680px,86%);align-self:flex-start;background:var(--soft);border:1px solid var(--line);border-radius:5px 15px 15px 15px;padding:11px 13px}.chat-message.own{align-self:flex-end;background:color-mix(in srgb,var(--green) 15%,var(--panel));border-color:color-mix(in srgb,var(--green) 35%,var(--line));border-radius:15px 5px 15px 15px}.chat-meta{display:flex;gap:12px;align-items:center;margin-bottom:5px}.chat-meta strong{font-size:12px;color:var(--green)}.chat-meta time{font-size:10px;color:var(--muted)}.chat-message p{margin:4px 0 9px;white-space:pre-wrap;overflow-wrap:anywhere}.chat-message .photo-actions{margin-top:8px}.chat-actions{display:flex;gap:6px;margin-top:8px}.chat-actions button{padding:5px 8px;font-size:10px}.chat-compose{border-top:1px solid var(--line);padding-top:14px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:end}.chat-compose textarea{min-height:54px;margin:0}.chat-file{background:var(--soft);border:1px solid var(--line);border-radius:9px;padding:10px;cursor:pointer}.chat-file input{position:absolute;opacity:0;width:1px}.chat-compose>.paste-hint{grid-column:1/-1}.chat-compose button{height:44px}@media(max-width:760px){.chat-layout{grid-template-columns:1fr}.chat-rooms{display:grid;grid-template-columns:repeat(2,1fr);position:static}.chat-rooms h2{grid-column:1/-1}.chat-panel{min-height:560px}.chat-messages{height:390px}.chat-compose{grid-template-columns:1fr auto}.chat-compose textarea{grid-column:1/-1}.chat-message{max-width:92%}}