.desktop-brand,.desktop-only,.official-channel-icon{display:none}.mobile-brand,.mobile-channel-symbol{display:inline}.profile-avatar{padding:0;overflow:hidden}.profile-avatar img{width:100%;height:100%;object-fit:cover}.connections-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:25px}.connection-card-title{display:flex;align-items:center;gap:12px}.connection-card-title .channel{width:38px;height:38px}.connection-card h2{font-size:21px}.connection-card p{line-height:1.7;margin:16px 0;font-size:14px;min-height:48px}.connection-card a{text-decoration:none}.connection-state{display:flex;gap:9px;align-items:center;font-size:13px;margin-top:23px}.connection-light{width:10px;height:10px;border-radius:50%;display:inline-block;flex-shrink:0}.connection-light.offline{background:#dc3545;box-shadow:0 0 0 4px #dc354511}.connection-light.online{background:#17a46c;box-shadow:0 0 0 4px #17a46c22;animation:connected-pulse 2s infinite}@keyframes connected-pulse{50%{box-shadow:0 0 0 7px #17a46c08}}@media(prefers-reduced-motion:reduce){.connection-light.online{animation:none}}
@media(min-width:681px){:root{--blue:#df2639}.desktop-only{display:inline-flex}.mobile-only,.mobile-brand,.mobile-channel-symbol{display:none!important}.desktop-brand{display:inline}.desktop-brand>span{color:#df2639}.official-channel-icon{display:inline;width:16px;height:16px;filter:invert(1)}.sidebar{background:#fff;border-right:1px solid #e9eaf0;color:#768091}.sidebar .brand{color:#1c2330}.sidebar .workspace{display:none}.brand .mark i{background:#df2639}.sidebar .nav button.active{background:#fff0f1;color:#d82136}.sidebar .nav button.active svg{color:#df2639}.sidebar .nav button:hover{background:#f8f0f1}.sidebar .nav{margin-top:10px}.sidebar .user{color:#263247;border-top:1px solid #edf0f4;padding-top:18px}.sidebar .user small{color:#7f8998}.sidebar-foot{width:100%}.ai-agent{display:flex;align-items:center;gap:10px;border:1px solid #ffdadd;border-radius:13px;background:#fff6f7;width:100%;padding:13px 10px;margin-bottom:20px;text-align:left;color:#c51e31}.ai-agent strong{font-size:13px}.ai-agent small{display:block;font-size:11px;margin-top:4px;color:#a35d66}.ai-orb{display:grid;place-items:center;background:#df2639;color:white;border-radius:10px;width:33px;height:33px;font-size:22px;flex-shrink:0}.sidebar .brand{font-size:25px;letter-spacing:-1px}.topbar .profile-avatar{background:#df2639;color:white;border:2px solid #ffdee2}.topbar .bell{color:#df2639;border-color:#f6d2d7;background:#fff8f9}.dot{background:#df2639}.top-logout{color:#cd2135;border-color:#f3c9cf;background:#fff7f8}.btn.primary{background:#df2639;border-color:#df2639}.title-row h1{letter-spacing:-.6px}.inbox-head{background:#fff}.channel-tabs button.selected{background:#fff1f3;border-color:#f2b7c0;color:#cc2035}.status-tabs .selected{color:#df2639;border-color:#df2639}.thread.selected{background:#fff1f3}.unread{background:#df2639}.out .bubble{background:#fff0f2;border-color:#f7dfe3}.message.out small{color:#aa6b73}.chat{background:#fcfcfe}.app-plan-bar{background:#fff8f9;border-bottom:1px solid #f5e2e5;color:#8f4a55}.app-plan-bar a{color:#c52337}.tag{background:#fff0f2;color:#c7273b}.profile-avatar{background:#fce9ed;color:#c52a3e}.connections-page .badge{background:#fff0f2;color:#c7273b}.notice{background:#f8f9fc}.connections-page .connection-card{border-color:#e7e9ee}.connection-card .btn{margin-top:10px}.section-label{color:#7b8596}}
@media(min-width:681px) and (max-width:900px){.ai-agent{padding:8px;justify-content:center}.ai-agent>span:not(.ai-orb){display:none}.sidebar .brand-word{display:none}.connections-grid{grid-template-columns:1fr 1fr}}@media(max-width:680px){.desktop-only{display:none!important}.app-plan-bar{display:none}.connections-grid{grid-template-columns:1fr}.profile-avatar{pointer-events:none}}

@media(min-width:681px){dialog.ai-dialog{width:min(840px,90vw);max-width:840px}.ai-feed{height:320px;overflow:auto;background:#f7f8fb;border-radius:14px;padding:20px;margin:18px 0}.ai-feed article{background:white;border:1px solid #e2e7ef;padding:15px;border-radius:12px;margin-bottom:12px}.ai-feed p{white-space:pre-wrap;margin-top:7px;line-height:1.6}.ai-intro{line-height:1.7}.connection-light.connected{background:#e1273f;animation:red-light 1.5s infinite}.sidebar .logo-symbol.desktop-only{display:inline-grid}.desktop-attachments{display:flex;align-items:center;gap:7px}.desktop-attachments small{font-size:11px}}@keyframes red-light{50%{box-shadow:0 0 0 5px #e1273f30}}@media(prefers-reduced-motion:reduce){.connection-light.connected{animation:none}}

.brand-home{text-decoration:none}.brand-home:focus-visible{outline:2px solid #e91d43;border-radius:8px}
@media(min-width:681px){.columns{grid-template-columns:174px 255px minmax(260px,1fr)}.contact-panel{display:none}.contact-panel.visible{display:block;position:absolute;right:0;top:79px;bottom:0;width:310px;z-index:5;background:white;box-shadow:-10px 0 40px #15294d22}.close-contact{display:inline-flex}.inbox-head{padding-bottom:14px}.channel-rail{background:#fff;border-right:1px solid var(--line);overflow:auto;min-height:0;padding:12px 8px}.channel-rail-heading{display:flex;align-items:center;justify-content:space-between;padding:0 7px 12px;font-size:13px}.channel-rail-heading button{font-size:22px;color:#8795ab}.channel-rail .channel-tabs{display:flex;flex-direction:column;align-items:stretch;gap:7px;overflow:visible;margin:0;padding:0}.channel-rail .channel-tabs button{width:100%;display:flex;justify-content:flex-start;gap:7px;padding:9px 7px;font-size:11px;white-space:nowrap;min-width:0}.channel-rail .channel-tabs .count{margin-left:auto;font-size:10px}.channel-rail .channel{flex-shrink:0}.channel-rail .official-channel-icon{width:20px;height:20px}}
@media(min-width:1500px){.columns{grid-template-columns:185px 280px minmax(300px,1fr) 285px}.contact-panel{display:block}.contact-panel.visible{position:static;width:auto;box-shadow:none}.close-contact{display:none}}
@media(min-width:681px) and (max-width:1000px){.columns{grid-template-columns:150px 225px minmax(200px,1fr)}.channel-rail{padding:10px 4px}.channel-rail .channel-tabs button{font-size:10px;gap:4px;padding:8px 4px}}
@media(max-width:680px){.sidebar>.brand-home{display:none}}