.chatlayout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;height:min(740px,calc(100dvh - 235px));min-height:470px}.chatlayout .panel{margin-bottom:0}.chatlist{padding:0;overflow:auto}.chatfilters{padding:16px;display:grid;gap:9px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:1}.chatthread{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:17px 13px;border-radius:0;background:white;color:var(--ink);border-bottom:1px solid #eef2f8;font-weight:400}.chatthread.selected{background:#eef5ff;box-shadow:inset 3px 0 var(--brand)}.chatthreadtext{flex:1;min-width:0}.chatthreadtext strong,.chatthreadtext span,.chatthreadtext small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chatthreadtext strong{font-size:13px}.chatthreadtext span{font-size:11px;color:#74849b;margin:4px 0}.chatthread small{font-size:9px;color:#8a97ab}.unread{display:block;border-radius:20px;background:var(--brand);color:white;font-size:10px;padding:2px 6px;width:max-content;margin:7px 0 0 auto}.chatpane{display:flex;flex-direction:column;padding:0;overflow:hidden}.chathead{padding:18px 21px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.chathead h2{margin:0;font-size:17px}.chathead p{margin:4px 0 0;font-size:11px}.chatcontrols{padding:9px 20px;display:flex;gap:12px;align-items:end;border-bottom:1px solid var(--line)}.chatcontrols label{display:flex;gap:8px;align-items:center;margin:0;font-size:11px;flex:1}.chatcontrols select{max-width:210px;padding:6px;font-size:11px}.chatmessages{flex:1;overflow:auto;background:#f6f8fc;padding:21px;display:flex;flex-direction:column;gap:12px;min-height:130px}.bubble{border-radius:12px;padding:11px 14px;max-width:82%;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;flex-shrink:0}.bubble.in{align-self:flex-start;background:white;border:1px solid #e0e7f1}.bubble.out{align-self:flex-end;background:#e4edff;border:1px solid #d6e4ff}.bubble small{display:block;margin-top:5px;color:#7b8aa0;font-size:9px}.chatpane form{padding:14px 20px;border-top:1px solid var(--line)}.chatpane textarea{min-height:65px;max-height:140px;font-size:13px}.chatpane .actions{margin-top:8px;justify-content:space-between}.chatpane .error{margin:5px 0;padding:7px}@media(max-width:1000px){.chatlayout{grid-template-columns:275px minmax(0,1fr)}}@media(max-width:760px){.chatlayout{grid-template-columns:1fr;height:auto;gap:15px}.chatlist{max-height:265px}.chatpane{height:620px}.chatthread{padding:12px}.chatfilters{grid-template-columns:1fr 120px;padding:10px}.chathead{padding:14px}.chatcontrols{padding:9px 12px}.chatcontrols label{font-size:0}.chatcontrols select{font-size:11px;width:160px}.chatmessages{padding:14px}.bubble{max-width:91%}.chatpane form{padding:12px}}