@media(min-width:1600px){main{max-width:1680px;margin-left:224px;padding:0 50px}.inbox-layout{grid-template-columns:330px minmax(400px,1fr) 300px;min-height:670px}.messages{max-height:500px}}
@media(max-width:1250px){.sidebar{width:190px;padding:30px 12px}main{margin-left:190px;padding:0 22px}.inbox-layout{grid-template-columns:255px minmax(280px,1fr)}.contact-panel{display:none}.contact-panel.open{display:block;position:fixed;right:16px;top:90px;bottom:25px;width:300px;z-index:8;overflow:auto;box-shadow:0 8px 60px #142a2530;border:1px solid #e5e8e0;border-radius:8px}.heading-detail{display:none}.stats{grid-template-columns:1fr 1fr 1fr}.stats .stat-note{display:none}}
@media(max-width:850px){.sidebar{width:76px;align-items:center;padding:25px 8px}.brand{padding:0}.brand>span:last-child,.workspace-label,.sidebar-bottom,.nav b{display:none}.sidebar nav{margin-top:40px;width:100%}.nav{font-size:0;justify-content:center;padding:13px}.nav>span{font-size:23px}.brand-mark{width:39px;height:43px}main{margin-left:76px;padding:0 18px}h1{font-size:30px}.inbox-layout{grid-template-columns:230px minmax(260px,1fr)}.conversation-context button{display:none}.stats strong small{display:block;margin:6px 0 0}.page-footer{font-size:7px}}
@media(max-width:600px){.sidebar{width:100%;height:65px;bottom:0;top:auto;border-top:1px solid #e5e8e0;border-right:0;z-index:10;padding:0;background:#f7f8f3;padding-bottom:env(safe-area-inset-bottom)}.brand{display:none}.sidebar nav{margin:0;display:flex;justify-content:space-around}.nav{font-size:8px;flex-direction:column;gap:2px;padding:8px 3px;margin:0;border-radius:0;width:20%}.nav>span{font-size:20px}.nav.active{background:transparent;color:#ad103c;border-top:2px solid #ad103c}main{margin:0;padding:0 15px 80px}.topbar{height:58px}.top-actions{gap:13px}.page-heading{padding:24px 0 20px}.eyebrow{font-size:7px}h1{font-size:29px}.page-heading p{font-size:10px}.stats{padding:16px 0;margin-bottom:18px}.stats>div{padding-left:17px}.stats>div>span{font-size:9px}.stats strong{font-size:24px}.stats strong small{font-size:8px}.inbox-layout{display:block;min-height:500px}.inbox-list{border-right:0}.chat{display:none}.inbox-layout.chat-open .inbox-list{display:none}.inbox-layout.chat-open .chat{display:flex;min-height:calc(100dvh - 140px)}body:has(.chat-open) .page-heading,body:has(.chat-open) .stats,body:has(.chat-open) .page-footer{display:none}body:has(.chat-open) .inbox-layout{margin-top:12px}.mobile-back{display:grid}.chat-header{padding:12px}.conversation-context{padding:10px 15px}.messages{min-height:260px;max-height:none;padding:20px 16px}.bubble{max-width:90%;font-size:12px}.composer{margin:10px}.composer textarea{font-size:14px}.composer-hint{font-size:8px}.contact-panel.open{top:70px;bottom:80px;right:12px;max-width:calc(100% - 24px)}.page-footer span:nth-child(2){display:none}.conversation-item{padding:18px}.conversation-info strong{font-size:12px}.conversation-info p{font-size:11px}.conversation-info time{font-size:9px}.conversation-info .channel{font-size:9px}.search input{font-size:12px}.tabs button{font-size:11px}.toast{bottom:90px}.other-view{padding:15px}.kanban{grid-template-columns:repeat(3,240px)}}

@media(max-width:850px) and (min-width:601px){.brand-logo{width:60px;height:45px;object-fit:cover;object-position:left}}
@media(max-width:600px){.sidebar nav{overflow-x:auto;justify-content:flex-start}.nav{min-width:68px;flex-shrink:0}.integration-heading{align-items:flex-start}.integration-heading h2{font-size:13px}}

@media(max-width:600px){.top-actions:has(#app-update) #network{display:none}#app-update{font-size:9px;padding:8px}.breadcrumbs strong{display:inline-block;max-width:95px;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}