.chat-layout{display:grid;grid-template-columns:280px 1fr;min-height:590px;padding:0;overflow:hidden}.chat-list{border-right:1px solid var(--line);padding:14px}.conversation{display:flex;gap:11px;padding:13px;border-radius:14px;cursor:pointer;min-width:0}.conversation.active{background:#edf3e6}.conversation small{display:block;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.chat-main{display:flex;flex-direction:column;min-width:0}.chat-head{display:flex;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line);min-width:0}.chat-head .call-actions{margin-left:auto;flex:0 0 auto}.masked{display:inline-flex;background:#eef5df;color:var(--green);font-size:11px;padding:6px 9px;border-radius:9px}.messages{padding:24px;display:flex;flex-direction:column;gap:12px;flex:1;background:#fafbf8;min-height:280px}.bubble{max-width:68%;padding:12px 15px;border-radius:17px;background:white;border:1px solid var(--line);overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;background:var(--ink);color:white;border-color:var(--ink)}.bubble small{display:block;opacity:.6;margin-top:5px;font-size:10px}.bubble .monitor-label{color:var(--green);font-weight:800;font-size:10px;margin-bottom:4px}.masked-notice{margin-top:6px;font-size:11px;color:var(--red);background:#fde8e6;border-radius:9px;padding:6px 9px}.composer{display:flex;gap:9px;padding:15px;border-top:1px solid var(--line)}.composer input{flex:1;min-width:0;border:1px solid var(--line);border-radius:13px;padding:13px}.oversight{background:#fff2d9;color:#8a5a00;padding:11px 15px;font-size:12px;border-bottom:1px solid #f3dfb2}@media(max-width:700px){.chat-layout{grid-template-columns:1fr;min-height:calc(100vh - 190px)}.chat-list{display:none}.bubble{max-width:92%;font-size:14px}.messages{padding:14px;min-height:320px}.chat-head{padding:14px;align-items:flex-start;flex-wrap:wrap}.chat-head>div:nth-child(2){min-width:0;flex:1}.chat-head .call-actions{width:100%;margin-left:0}.call-actions .btn{width:100%;padding:10px;font-size:12px}.composer{padding:12px;gap:8px}.composer .btn{padding-left:12px;padding-right:12px}}@media(max-width:420px){.composer{flex-direction:column}.composer .btn{width:100%}.masked{font-size:10px}.messages{min-height:300px}}