.office-chat{margin-top:18px;color:#17324a}.office-chat-heading{margin-bottom:18px}.office-chat-kicker{font-size:11px;letter-spacing:.12em;font-weight:800;color:#9b762e}.office-chat-heading h3{margin:5px 0;font-size:24px}.office-chat-heading p{margin:0;color:#64788a}.office-chat-layout{display:grid;grid-template-columns:minmax(190px,260px) minmax(0,1fr);gap:14px;min-height:520px}.office-chat-groups,.office-chat-main{background:#fff;border:1px solid #dce5ec;border-radius:14px;overflow:hidden}.office-chat-groups{padding:14px}.office-chat-groups>strong{display:block;margin:0 0 12px}.office-chat-group{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;border:1px solid transparent;background:#f5f8fb;border-radius:10px;padding:12px;margin:7px 0;cursor:pointer;color:#17324a}.office-chat-group small{color:#708398}.office-chat-group.active{background:#e9f1f8;border-color:#9cb6cc}.office-chat-main{display:flex;flex-direction:column;min-height:520px}.office-chat-message-header{padding:15px 18px;border-bottom:1px solid #e3eaf0;font-weight:800}.office-chat-messages{flex:1;min-height:300px;max-height:520px;overflow:auto;padding:16px;background:#f7f9fb}.office-chat-message{max-width:82%;width:max-content;background:#fff;border:1px solid #e0e7ed;border-radius:12px 12px 12px 3px;padding:9px 12px;margin:8px 0}.office-chat-message.mine{margin-left:auto;background:#eaf3fb;border-color:#d3e4f2;border-radius:12px 12px 3px 12px}.office-chat-message-meta{display:flex;gap:12px;align-items:center;font-size:12px;color:#65798b}.office-chat-message-meta time{font-size:11px}.office-chat-message p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.office-chat-empty,.office-chat-loading{padding:18px;color:#74869a;text-align:center}.office-chat-status{min-height:22px;padding:4px 14px;color:#6a7d8e;font-size:12px}.office-chat-status.error{color:#a43b36}.office-chat-form{display:flex;gap:10px;padding:12px;border-top:1px solid #e3eaf0}.office-chat-form textarea{flex:1;min-width:0;resize:vertical;border:1px solid #cbd8e2;border-radius:9px;padding:10px;font:inherit}.office-chat-form button{align-self:stretch}@media(max-width:700px){.office-chat-layout{grid-template-columns:1fr}.office-chat-groups{display:flex;flex-wrap:wrap;gap:5px}.office-chat-groups>strong{width:100%}.office-chat-group{width:auto;min-width:135px;margin:0}.office-chat-main{min-height:420px}.office-chat-messages{max-height:420px}.office-chat-form{flex-direction:column}.office-chat-form button{min-height:42px}}