.chat-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:min(900px,calc(100dvh - 220px));min-height:min(520px,calc(100dvh - 220px));background:#fff;border-radius:10px;overflow:hidden}.chat-list-panel{display:flex;min-width:0;min-height:0;flex-direction:column;border-right:1px solid #dfe6ea}.chat-panel-header,.chat-thread-header{padding:16px;border-bottom:1px solid #dfe6ea}.chat-panel-header h2,.chat-thread-header h2,.chat-thread-header p{margin:0}.chat-list{display:grid;flex:1;min-height:0;max-height:none;align-content:start;overflow:auto}.chat-list-row{display:grid;gap:6px;text-align:left;background:#fff;color:#25333d;border-bottom:1px solid #e7edef;border-radius:0;padding:14px}.chat-list-row.unread{border-left:4px solid #126e6a;background:#f1fbfa}.chat-row-heading{display:flex;justify-content:space-between;gap:8px}.chat-row-heading time,.chat-list-row small,.chat-thread-header small{color:#687780;font-size:.75rem}.chat-preview{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-status{display:inline-block;width:max-content;border-radius:999px;background:#e7edef;color:#46555f;padding:3px 8px;font-size:.7rem;font-weight:800}.chat-status.open{background:#dff5e5;color:#176b36}.chat-thread-panel{display:flex;min-width:0;min-height:0;flex-direction:column}.chat-thread-header{display:flex;gap:12px}.chat-thread-header>div{display:grid;gap:5px}.chat-back{display:none;align-self:flex-start}.chat-history{display:flex;flex:1;min-height:0;flex-direction:column;gap:10px;overflow:auto;padding:18px;background:#f6f8f9}.chat-message-row{display:flex;justify-content:flex-start}.chat-message-row.staff{justify-content:flex-end}.chat-message{max-width:78%;background:#fff;border:1px solid #dfe6ea;border-radius:10px;padding:10px 12px}.chat-message-row.staff .chat-message{background:#dff5e5;border-color:#b9e5c5}.chat-message p{margin:3px 0;white-space:pre-wrap}.chat-message time,.chat-automatic{display:block;color:#687780;font-size:.7rem}.chat-automatic{font-weight:700}.chat-composer{display:flex;padding:14px;border-top:1px solid #dfe6ea}.chat-composer input{min-width:0;flex:1}.chat-closed,.chat-empty{margin:auto;padding:24px;color:#687780;text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.chat-layout{display:block;height:auto;min-height:560px}.chat-thread-panel{display:none}.chat-layout.thread-open .chat-list-panel{display:none}.chat-layout.thread-open .chat-thread-panel{display:flex;min-height:560px}.chat-back{display:block}.chat-list-panel{display:block;border-right:0}.chat-list{display:grid;flex:none;max-height:570px;overflow:auto}.chat-message{max-width:88%}}