.ic-workspace{--ic-bg:#fff;--ic-panel:#f8f8f8;--ic-side:#fbfbfb;--ic-line:#dcdcdc;--ic-muted:#626368;--ic-text:#202124;--ic-header:#f7f7f7;--ic-control-line:#bfc1c5;--ic-input:#fff;--ic-active:#343235;--ic-active-ink:#fff;--ic-hover:#eeeef0;--ic-hover-ink:#202124;--ic-notice-bg:#f6f6f7;--ic-day-ink:#41434a;--ic-avatar-bg:#e7def0;--ic-avatar-ink:#534261;--ic-link:#006b9b;--ic-attachment-ink:#44464b;--ic-code-bg:#f4f4f4;--ic-attachment-bg:#f8f8f9;--ic-picker-bg:#fff;--ic-send:#147c61;--ic-send-ink:#fff;--ic-focus:#006e9e;--ic-scrollbar:#92949a;--ic-error-ink:#714f18;--ic-error-bg:#fff3d7;display:flex;flex-direction:column;min-width:0;color:var(--ic-text);background:var(--ic-bg);border:1px solid var(--ic-line);border-radius:12px;overflow:hidden}
.ic-workspace>.ic-heading{box-sizing:border-box;width:auto;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 18px 10px 18px;background:var(--ic-header);border:0;border-bottom:1px solid var(--ic-line);min-height:52px}
.ic-heading h1{margin:0}.ic-heading>div>span{display:none}.ic-heading-tools{display:flex;align-items:center;gap:8px;padding-right:var(--ic-safe-header-right,0)}.ic-workspace .ic-heading-tools button{padding:5px 10px;border:1px solid var(--ic-control-line);background:transparent;border-radius:6px;color:inherit}
.ic-status{margin:0;padding:8px 18px;color:var(--ic-error-ink);background:var(--ic-error-bg)}.ic-status:empty{display:none}
.ic-grid{display:grid;grid-template-columns:minmax(200px,260px) minmax(0,1fr);flex:1;min-height:0;overflow:hidden;background:var(--ic-bg)}
.ic-grid:has(.ic-thread:not([hidden])){grid-template-columns:minmax(180px,230px) minmax(0,1fr) minmax(300px,34%)}
.ic-channels{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--ic-side);border-right:1px solid var(--ic-line)}
.ic-workspace .ic-channels>header{display:flex;align-items:center;padding:16px;border:0;background:transparent;min-height:58px}.ic-channels h2{margin:0}
.ic-channel-search{display:block;padding:0 12px 14px}.ic-channel-search>span{display:none}.ic-channel-search input{width:100%;box-sizing:border-box;background:var(--ic-input);color:var(--ic-text);border:1px solid var(--ic-control-line);border-radius:6px;padding:6px 8px}
.ic-channel-list{overflow:auto;flex:1;min-height:0;padding:8px 8px 16px;border-top:1px solid var(--ic-line)}
.ic-workspace .ic-channel{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;text-align:left;padding:7px 12px;border:0;border-radius:5px;background:transparent;color:var(--ic-muted)}
.ic-channel>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ic-workspace .ic-channel[aria-current=page]{background:var(--ic-active);color:var(--ic-active-ink)}.ic-workspace .ic-channel:hover{background:var(--ic-hover);color:var(--ic-hover-ink)}
.ic-unread{flex-shrink:0;border-radius:12px;background:#167f94;color:var(--ic-active-ink);padding:1px 6px}
.ic-conversation,.ic-thread{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}
.ic-workspace .ic-conversation>header,.ic-workspace .ic-thread>header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px;border:0;border-bottom:1px solid var(--ic-line);min-height:58px;background:transparent}
.ic-room-heading h2{margin:0;overflow-wrap:anywhere}.ic-room-heading p{margin:4px 0 0;color:var(--ic-muted)}.ic-room-heading p:empty{display:none}
.ic-room-tabs{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;min-height:42px;border-bottom:1px solid var(--ic-line)}.ic-room-tabs>[aria-current]{align-self:stretch;display:flex;align-items:center;border-bottom:2px solid var(--ic-text);padding:8px 0}.ic-private-note{color:var(--ic-muted)}
.ic-import{margin:0;padding:6px 20px;background:var(--ic-notice-bg);color:var(--ic-muted)}
.ic-scroll,.ic-thread-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 0 10px;scroll-behavior:auto;overflow-anchor:none;scrollbar-color:var(--ic-scrollbar) transparent}
.ic-history{position:sticky;top:0;height:0;z-index:3;overflow:visible;pointer-events:none}.ic-history[hidden]{display:none}
.ic-day-divider{display:flex;align-items:center;gap:12px;position:sticky;top:0;z-index:1;padding:10px 0;color:var(--ic-day-ink);pointer-events:none}.ic-day-divider:before,.ic-day-divider:after{content:'';flex:1;border-top:1px solid var(--ic-line)}.ic-day-divider>span{border:1px solid var(--ic-control-line);border-radius:18px;background:var(--ic-bg);padding:3px 14px}
.ic-workspace .ic-message{padding:9px 20px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow-wrap:anywhere;position:relative}.ic-workspace .ic-message:hover{background:var(--ic-panel)}.ic-workspace .ic-message>header{display:flex;justify-content:flex-start;align-items:baseline;flex-wrap:wrap;gap:4px 9px;border:0;padding:0 0 0 52px;min-height:24px;background:transparent}
.ic-avatar{position:absolute;top:11px;left:20px;display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:var(--ic-avatar-bg);color:var(--ic-avatar-ink);overflow:hidden}.ic-avatar img{width:100%;height:100%;object-fit:cover}.ic-avatar img+span{display:none}.ic-avatar img[hidden]+span{display:grid}.ic-origin,.ic-message time{color:var(--ic-muted)}.ic-origin{display:none}.ic-message:hover .ic-origin{display:inline}
.ic-message-body{padding:1px 0 2px 52px;line-height:1.55}.ic-message-body p{margin:0}.ic-message-body pre{overflow:auto;max-width:100%;background:var(--ic-code-bg);border:1px solid var(--ic-line);padding:8px;border-radius:5px}.ic-message-body a{color:var(--ic-link);overflow-wrap:anywhere}
.ic-workspace .ic-message>footer{display:flex;justify-content:flex-start;align-items:center;padding:3px 0 0 52px;gap:14px;border:0;background:transparent}.ic-workspace .ic-message>footer>button{border:0;background:transparent;color:var(--ic-link);padding:2px 0}
.ic-attachment,.ic-mentions{margin:5px 0 5px 52px;color:var(--ic-attachment-ink)}.ic-attachment{padding:10px 12px;border:1px solid var(--ic-line);border-radius:8px;background:var(--ic-attachment-bg)}.ic-attachment span{display:block;color:var(--ic-muted)}
.ic-composer{flex-shrink:0;margin:8px var(--ic-safe-right,20px) 12px 20px;border:1px solid var(--ic-control-line);border-radius:9px;padding:0;background:var(--ic-panel);position:relative}
.ic-format-tools{display:flex;align-items:center;gap:2px;padding:5px 8px;border-radius:9px 9px 0 0;background:var(--ic-panel);overflow:auto}
.ic-workspace .ic-format-tools button,.ic-workspace .ic-compose-tools>div>button{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;padding:3px;border:0;border-radius:5px;background:transparent;color:var(--ic-muted)}
.ic-format-tools button:hover,.ic-compose-tools>div>button:hover{background:var(--ic-hover);color:var(--ic-hover-ink)}
.ic-composer>label{display:block;padding:4px 12px 0}.ic-workspace .ic-composer textarea{display:block;width:100%;min-height:48px;max-height:140px;padding:4px 0;resize:vertical;border:0;border-radius:0;outline-offset:2px;background:transparent;color:var(--ic-text);box-sizing:border-box}.ic-composer textarea::placeholder{color:var(--ic-muted)}
.ic-compose-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:38px;padding:2px 8px 6px}.ic-compose-tools>div{display:flex;gap:3px}
.ic-workspace .ic-compose-tools>button{display:grid;place-items:center;background:var(--ic-send);color:var(--ic-send-ink);border:0;border-radius:5px;width:38px;height:30px;padding:4px;flex-shrink:0}.ic-workspace .ic-compose-tools>button:disabled{opacity:.55}
.ic-mention-results{position:absolute;z-index:5;bottom:calc(100% + 6px);left:0;width:300px;max-width:100%;max-height:230px;overflow:auto;padding:5px;background:var(--ic-picker-bg);border:1px solid var(--ic-control-line);border-radius:8px;box-shadow:0 4px 18px #0002}.ic-mention-results[hidden]{display:none}.ic-workspace .ic-mention-results>button{display:block;width:100%;text-align:left;padding:8px 12px;border:0;border-radius:4px;color:var(--ic-text);background:transparent}.ic-workspace .ic-mention-results>[aria-selected=true]{background:var(--ic-active);color:var(--ic-active-ink)}.ic-mention-results>p{margin:6px;color:var(--ic-muted)}
.ic-sr-only,.ic-composer>p{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ic-workspace .ic-message>footer:empty{display:none}.ic-start-thread{position:absolute;right:12px;top:4px;opacity:0;pointer-events:none}.ic-message:hover .ic-start-thread,.ic-message:focus-within .ic-start-thread{opacity:1;pointer-events:auto}
@media(hover:none){.ic-start-thread{opacity:1;pointer-events:auto}}
.ic-thread{border-left:1px solid var(--ic-line);background:var(--ic-bg)}.ic-thread[hidden]{display:none}.ic-new{position:absolute;bottom:220px;left:25%;background:var(--ic-link);color:var(--ic-active-ink);border:0;border-radius:18px;padding:8px 16px;z-index:2}.ic-new[hidden]{display:none}
.ic-empty{padding:20px;color:var(--ic-muted)}.ic-mobile-back{display:none}.ic-workspace button:focus-visible,.ic-workspace a:focus-visible,.ic-workspace input:focus-visible,.ic-workspace summary:focus-visible{outline:3px solid var(--ic-link);outline-offset:2px}.ic-workspace [data-ic-channel-more]{background:var(--ic-notice-bg);color:var(--ic-link);border:1px solid var(--ic-control-line);border-radius:5px;padding:6px 12px;margin:8px}
@media(max-width:1000px){.ic-grid:has(.ic-thread:not([hidden])){grid-template-columns:200px minmax(0,1fr)}.ic-grid:has(.ic-thread:not([hidden]))>.ic-conversation{display:none}}
@media(max-width:600px){.ic-grid,.ic-grid:has(.ic-thread:not([hidden])){display:block;min-height:0}.ic-channels,.ic-conversation,.ic-thread{height:100%;box-sizing:border-box}.ic-channels{border:0}.ic-workspace[data-mobile=channels] .ic-conversation,.ic-workspace[data-mobile=channels] .ic-thread,.ic-workspace[data-mobile=conversation] .ic-channels,.ic-workspace[data-mobile=thread] .ic-channels,.ic-workspace[data-mobile=thread] .ic-conversation{display:none}.ic-workspace[data-mobile=conversation] .ic-conversation{display:flex}.ic-mobile-back{display:block;flex-shrink:0;background:transparent;color:inherit;border:1px solid var(--ic-control-line);border-radius:5px;padding:5px 8px}.ic-workspace>.ic-heading{padding:8px 12px}.ic-workspace .ic-conversation>header,.ic-workspace .ic-thread>header{padding:9px 12px}.ic-private-note{display:none}.ic-import{padding:5px 12px}.ic-workspace .ic-message{padding-left:12px;padding-right:12px}.ic-avatar{left:12px;width:34px;height:34px}.ic-workspace .ic-message>header{padding-left:44px}.ic-message-body{padding-left:44px}.ic-workspace .ic-message>footer{padding-left:44px}.ic-attachment,.ic-mentions{margin-left:44px}.ic-composer{margin:6px var(--ic-safe-right,10px) 8px 10px;padding:0}.ic-new{left:20%;bottom:220px}}
@media(prefers-reduced-motion:reduce){.ic-workspace *{scroll-behavior:auto;animation:none;transition:none}}
html[data-ui-design=dark] .ic-workspace{--ic-bg:#1a1d21;--ic-panel:#222529;--ic-side:#212428;--ic-line:#36383c;--ic-muted:#b2b5ba;--ic-text:#e7e8ea;--ic-header:#22252a;--ic-control-line:#565960;--ic-input:#191b1f;--ic-active:#41464c;--ic-active-ink:#fff;--ic-hover:#33373d;--ic-hover-ink:#fff;--ic-notice-bg:#252a2f;--ic-day-ink:#d5d7da;--ic-avatar-bg:#40344e;--ic-avatar-ink:#e9dbf9;--ic-link:#6dc8ec;--ic-attachment-ink:#d8c7a0;--ic-code-bg:#24282c;--ic-attachment-bg:#202428;--ic-picker-bg:#292d33;--ic-send:#147c61;--ic-send-ink:#fff;--ic-focus:#6dc8ec;--ic-scrollbar:#6c6e72;--ic-error-ink:#f2d392;--ic-error-bg:#302b24}

.ic-channel-search input::placeholder{color:var(--ic-muted);opacity:1}

.ic-channel-tools{display:flex;align-items:center;gap:5px;margin-left:auto}
.ic-workspace .ic-channel-tools button{flex-shrink:0;padding:5px 8px;border:1px solid var(--ic-control-line);border-radius:6px;background:transparent;color:var(--ic-text)}
.ic-workspace .ic-channel-tools button:hover{background:var(--ic-hover);color:var(--ic-hover-ink)}
.ic-dialog{box-sizing:border-box;width:min(34rem,calc(100vw - 24px));max-width:none;max-height:min(80vh,42rem);margin:auto;padding:20px;border:1px solid var(--ic-control-line);border-radius:12px;background:var(--ic-bg);color:var(--ic-text);box-shadow:0 12px 40px #0004}
.ic-dialog::backdrop{background:#10131988}
.ic-dialog[open]{display:block}
.ic-dialog form{display:flex;flex-direction:column;gap:14px;max-height:calc(min(80vh,42rem) - 40px);overflow:auto}
.ic-dialog header,.ic-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border:0;padding:0;background:transparent}
.ic-dialog label[hidden]{display:none}
.ic-dialog h2{margin:0}
.ic-dialog label{display:flex;flex-direction:column;gap:6px}
.ic-dialog input,.ic-dialog select{box-sizing:border-box;width:100%;min-width:0;padding:8px;border:1px solid var(--ic-control-line);border-radius:6px;background:var(--ic-input);color:var(--ic-text)}
.ic-dialog select[multiple]{min-height:9rem}
.ic-dialog small,.ic-dialog [role=alert]{margin:0;color:var(--ic-muted)}
.ic-dialog [role=alert]:empty{display:none}
.ic-workspace .ic-dialog button{padding:7px 12px;border:1px solid var(--ic-control-line);border-radius:6px;background:transparent;color:var(--ic-text)}
.ic-workspace .ic-dialog button[type=submit]{background:var(--ic-send);border-color:var(--ic-send);color:var(--ic-send-ink)}
.ic-workspace .ic-dialog button:disabled{opacity:.55}

@media(max-width:600px){.ic-workspace .ic-channels>header{padding:12px;gap:8px}.ic-channel-tools{gap:4px}.ic-workspace .ic-channel-tools button{padding:5px 6px}.ic-dialog{padding:16px}}

.ic-channel-group{margin:0 0 14px;border:0}
.ic-channel-group>summary{padding:7px 4px;cursor:pointer;color:var(--ic-muted);font-weight:600}
.ic-channel-group>summary>span{opacity:.7;margin-left:6px}
.ic-channel-group>div{padding-left:10px}
.ic-channel-group .ic-channel{justify-content:flex-start;gap:8px;padding-inline:8px}
.ic-channel-name{flex:1;min-width:0;overflow-wrap:anywhere}
.ic-channel-avatar{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:6px;overflow:hidden;background:var(--ic-avatar-bg);color:var(--ic-avatar-ink)}
.ic-channel-avatar img,.ic-channel-avatar svg{width:100%;height:100%;object-fit:cover}
.ic-channel-hash{flex:none;width:24px;text-align:center}