@import './social-presence.css';
@import './social-menu.css';
@import './chat-attachments.css';
@import './social-chat-polish.css';
@import './social-actions.css';
@import './social-notes.css';
.social-workspace{display:grid;grid-template-columns:310px minmax(0,1fr);border:1px solid #394047;border-radius:7px;background:#171b20;min-height:540px;color:#e8edf2;overflow:hidden}.social-sidebar{border-right:1px solid #394047;padding:20px;min-width:0}.social-heading,.social-chat-heading{display:flex;align-items:center;gap:12px}.social-heading h2,.social-chat-heading h2{margin:0;font-size:18px}.social-count{color:#7acbc1;background:#203e3b;padding:2px 8px;border-radius:4px;font-size:12px}.social-add,.social-compose{display:flex;gap:8px;margin:18px 0}.social-workspace input{min-width:0;width:100%;background:#101419;border:1px solid #414952;border-radius:5px;padding:11px;color:#eef1f5;font:inherit;font-size:13px}.social-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border:0;border-radius:5px;background:#263039;color:#bed7e5;cursor:pointer}.social-icon:hover{background:#384957}.social-icon svg{width:17px;height:17px}.social-add .social-icon,.social-compose .social-icon{height:40px;background:#216b98;color:white}.social-filters{display:flex;gap:4px;margin:16px 0}.social-filters button{flex:1;background:none;border:0;border-bottom:2px solid transparent;color:#aab6bf;padding:8px 2px;cursor:pointer;font-size:12px}.social-filters button.active{color:#75c7f2;border-color:#75c7f2}.social-people{max-height:360px;overflow:auto;margin-top:10px}.social-person{display:flex;gap:8px;align-items:center;padding:12px 0;border-bottom:1px solid #30383f}.social-person.selected{background:#22333d}.social-avatar{display:grid;place-items:center;background:#354648;color:#a7e3c7;width:34px;height:34px;border-radius:5px;font-size:12px;font-weight:700;flex-shrink:0}.social-person-info{display:grid;gap:4px;background:none;border:0;color:inherit;text-align:left;min-width:0;flex:1;cursor:pointer;padding:0}.social-person-info strong{font-size:13px;overflow-wrap:anywhere}.social-person-info small{font-size:11px;color:#9ba7b0}.social-person-info small.online{color:#6cd3aa}.social-status{font-size:12px;color:#a2b0bd;margin:12px 0}.social-chat{display:flex;flex-direction:column;min-width:0;min-height:520px}.social-chat-heading{padding:20px;border-bottom:1px solid #394047;flex-wrap:wrap}.social-chat-heading small{margin-left:auto;color:#97a8b4;font-size:11px}.social-messages{height:370px;overflow:auto;padding:20px;display:flex;flex-direction:column;gap:12px}.social-message{align-self:flex-start;max-width:85%;padding:10px 14px;background:#2c343d;border-radius:6px;min-width:90px}.social-message.sent{align-self:flex-end;background:#224b55}.social-message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.6}.social-message time{display:block;text-align:right;font-size:10px;color:#a5bac2;margin-top:5px}.social-compose{padding:16px 20px;border-top:1px solid #394047;margin:0;margin-top:auto}.social-empty{margin:auto;text-align:center;padding:32px;color:#a3b1ba}.social-empty svg{height:48px;width:48px;color:#71b9d4}.social-empty h2{font-size:20px;color:#edf1f4}.social-empty p{font-size:13px}@media(max-width:720px){.social-workspace{grid-template-columns:minmax(0,1fr)}.social-sidebar{border-right:0;border-bottom:1px solid #394047}.social-people{max-height:220px}.social-chat{min-height:420px}.social-messages{height:280px}}