.company-chat{height:calc(100vh - 190px);min-height:580px;display:grid;grid-template-columns:350px 1fr;background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:24px;overflow:hidden;box-shadow:0 18px 60px rgba(28,47,38,.08)}.chat-people{border-right:1px solid #e6ebe7;overflow-y:auto;background:#f9fbf8}.chat-search{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:8px;padding:17px;background:#f9fbf8;border-bottom:1px solid #e6ebe7}.chat-search input{width:100%;border:1px solid #dce4de;border-radius:12px;padding:11px;background:#fff;outline:none}.chat-person{width:100%;border:0;border-bottom:1px solid #edf1ed;background:transparent;padding:14px 16px;display:flex;align-items:center;gap:11px;text-align:left;cursor:pointer;color:#17231e}.chat-person:hover,.chat-person.active{background:#eef5ed}.chat-person.active{box-shadow:inset 4px 0 #315d48}.chat-person>span{min-width:0;flex:1}.chat-person strong,.chat-person small,.chat-person em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-person small{font-size:10px;color:#52705e;margin:3px 0}.chat-person em{font-size:10px;color:#87918c;font-style:normal}.chat-person>b{display:grid;place-items:center;min-width:21px;height:21px;border-radius:11px;background:#d8ff68;font-size:10px}.chat-room{min-width:0;display:flex;flex-direction:column;background:linear-gradient(rgba(248,250,247,.95),rgba(248,250,247,.95)),radial-gradient(circle at 20% 20%,#d8ff68 1px,transparent 1px);background-size:auto,24px 24px}.chat-placeholder{margin:auto;text-align:center;color:#748078}.chat-placeholder>span{display:grid;place-items:center;width:70px;height:70px;margin:auto;border-radius:24px;background:#17231e;color:#d8ff68;font-size:29px}.chat-placeholder h2{color:#17231e;margin-bottom:7px}.chat-room-head{height:79px;display:flex;align-items:center;gap:12px;padding:14px 22px;background:rgba(255,255,255,.92);border-bottom:1px solid #e6ebe7}.chat-room-head strong,.chat-room-head small,.chat-room-head em{display:block}.chat-room-head small{font-size:11px;color:#496451;margin:2px 0}.chat-room-head em{font-size:10px;color:#89938e;font-style:normal}.chat-messages{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:8px}.chat-message{display:flex}.chat-message.mine{justify-content:flex-end}.chat-message>div{max-width:min(70%,520px);background:#fff;border-radius:6px 17px 17px 17px;padding:10px 13px;box-shadow:0 5px 18px rgba(28,47,38,.07)}.chat-message.mine>div{background:#d8ff68;border-radius:17px 6px 17px 17px}.chat-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5;font-size:13px}.chat-message time{display:block;text-align:right;font-size:9px;color:#718078;margin-top:5px}.chat-message img{display:block;max-width:100%;max-height:360px;border-radius:12px;margin-top:6px}.temporary-label{display:block;font-size:9px;font-weight:800;color:#6c752d}.chat-compose{position:relative;display:flex;align-items:flex-end;gap:9px;padding:14px 18px;background:#fff;border-top:1px solid #e6ebe7}.chat-compose textarea{flex:1;min-height:44px;max-height:120px;resize:none;border:1px solid #dae2dc;border-radius:14px;padding:12px;font:13px inherit;outline:none}.chat-compose>button{width:44px;height:44px;border:0;border-radius:14px;background:#17231e;color:#d8ff68;font-size:18px;cursor:pointer}.chat-photo{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#edf2ed;cursor:pointer;font-size:19px}.chat-photo input{display:none}.chat-compose>small{position:absolute;left:72px;bottom:1px;color:#6d7a72;font-size:8px}.chat-empty{text-align:center;color:#87918c;margin:auto}@media(max-width:800px){.company-chat{grid-template-columns:110px 1fr}.chat-person{justify-content:center}.chat-person>span,.chat-person>b{display:none}.chat-search input{min-width:0}.chat-message>div{max-width:88%}}@media(max-width:560px){.page.chat-page{padding-left:8px;padding-right:8px}.company-chat{grid-template-columns:76px 1fr;height:calc(100vh - 150px)}.chat-search{padding:10px}.chat-search span{display:none}.chat-search input{padding:8px;font-size:9px}.chat-person{padding:10px}.chat-room-head{padding:10px}.chat-messages{padding:13px}.chat-compose{padding:9px}.chat-room-head em{display:none}}