.chat-app{max-width:1400px;margin:auto}.chat-layout{display:grid;grid-template-columns:minmax(220px,30%) 1fr;gap:16px}.chat-layout>aside,.chat-layout>section,.chat-app [data-chat-new]{background:#fff;border:1px solid #d6dde7;border-radius:12px;padding:14px;min-width:0}.chat-app button{padding:9px 12px;border:1px solid #bcc9d9;border-radius:7px;background:#f6f8fb;color:#123;cursor:pointer;margin:3px}.chat-app button:disabled{opacity:.6}.chat-app [data-chat-list]>button{display:block;text-align:left;width:100%;margin:5px 0}.chat-app [aria-pressed=true]{outline:2px solid #2672cf}.chat-app small{display:block;color:#536477}.chat-unread{color:#065c30;font-weight:bold}.chat-actions{display:flex;gap:5px;flex-wrap:wrap}.chat-messages{height:48vh;min-height:240px;overflow:auto;background:#f2f5f8;padding:12px;border-radius:8px}.chat-message{background:#fff;margin:8px 0;padding:12px;border-radius:10px;max-width:90%;border:1px solid #d6dde7;overflow-wrap:anywhere}.chat-message p{white-space:pre-wrap}.chat-mine{background:#e0f1e8;margin-left:auto}.chat-delete-message{font-size:12px}.chat-app label{display:block;margin:8px 0}.chat-app textarea,.chat-app select{width:100%;box-sizing:border-box;padding:10px}.chat-app [data-chat-notice]{color:#a12724;min-height:1.4em}.chat-app fieldset{max-height:200px;overflow:auto}.chat-app h2{font-size:21px}.chat-app [data-chat-new]{margin-bottom:14px}@media(max-width:700px){.chat-layout{grid-template-columns:1fr}.chat-layout>aside{max-height:190px;overflow:auto}.chat-messages{height:42vh}.chat-message{max-width:96%}}