.chat-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;margin-top:20px}.chat-sidebar,.chat-panel{background:white;border:1px solid #d7e0e9;border-radius:14px;padding:18px;min-width:0}.chat-list{display:grid;gap:7px;margin-top:14px;max-height:60vh;overflow:auto}.chat-list a{display:block;padding:11px;border-radius:8px;background:#f6f8fb;color:#263f5b;text-decoration:none;font-size:13px;overflow-wrap:anywhere}.chat-list a.active{background:#e5ebf2}.chat-list small{display:block;color:#71839a;margin-top:4px}.chat-panel header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.chat-panel h2{margin:0;font-size:20px}.chat-messages{height:44vh;min-height:250px;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:20px 0}.chat-message{max-width:88%;padding:12px 15px;border-radius:12px;background:#edf1f5;overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.5}.chat-message.client{align-self:flex-end;background:#e5ebf2}.chat-message.staff{border-left:3px solid #536c8a;background:#edf1f5}.chat-message.system{align-self:center;max-width:100%;font-size:12px;color:#71839a;background:transparent;text-align:center}.chat-message strong{display:block;font-size:12px;color:#536c8a;margin-bottom:5px}.chat-message small{display:block;font-size:10px;color:#71839a;margin-top:5px}.chat-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.chat-compose label{display:grid;gap:7px}.chat-compose textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:85px;max-height:200px;border:1px solid #d7e0e9;border-radius:9px;padding:11px;font:inherit}.chat-status{font-size:12px;color:#71839a}.chat-actions{display:flex;gap:8px;flex-wrap:wrap}.chat-error{color:#a13c34;font-size:13px;min-height:20px}.chat-info{color:#71839a;font-size:13px;line-height:1.5}.chat-unread{font-weight:750}.staff-chat-body{background:#f6f8fb;color:#182f4b;font:14px system-ui;margin:0;padding:24px}.staff-chat-body h1{font-size:28px;margin:7px 0}.staff-chat-body button{font:inherit;padding:10px 14px;border:1px solid #d7e0e9;border-radius:8px;background:white;color:#3f5671;cursor:pointer}.staff-chat-body button.primary{background:#182f4b;color:white}.staff-chat-body button:disabled{opacity:.55}.staff-chat-body a{color:#3f5671}.staff-chat-body .eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:10px;color:#71839a}.staff-chat-body input[type=search]{padding:10px;border:1px solid #d7e0e9;border-radius:8px;width:100%;box-sizing:border-box;margin-top:10px}@media(max-width:760px){.chat-layout{grid-template-columns:1fr}.chat-list{max-height:180px}.chat-messages{height:45vh}.chat-compose{grid-template-columns:1fr}.chat-message{max-width:95%}}

@media(max-width:760px){.layout .chat-sidebar,.layout #chat-title,.layout .content:has(>.chat-layout)>h1,.layout .content:has(>.chat-layout)>.chat-info{display:none}.layout .chat-layout{margin-top:0}.layout .chat-panel header{justify-content:flex-end}}

.chat-list .chat-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal;line-height:1.45;margin-top:5px;font-weight:400}