#mobile-menu,#mobile-back,#mobile-menu-shade{display:none}
#mobile-offline{position:fixed;bottom:env(safe-area-inset-bottom,0px);left:0;right:0;z-index:35;background:#fff1cf;color:#785400;padding:12px;text-align:center;font-size:14px}
#install-help p{line-height:1.65;margin:12px 0}#install-ios{font:inherit}
@media(max-width:580px){
 html{scroll-padding-top:65px}body{overflow-x:hidden}input,select,textarea{font-size:16px!important}button,a.secondary{touch-action:manipulation;min-height:44px}
 .topbar{padding:0 12px;padding-top:env(safe-area-inset-top,0px);min-height:60px;height:auto;gap:8px}.topbar>span{flex:1;min-width:0;font-size:12px}.connection-pill{max-width:125px;padding:7px;font-size:10px}
 #mobile-menu{display:block;flex-shrink:0;background:transparent;color:#123b35;padding:8px;width:44px;font-size:24px}
 .sidebar{position:fixed;left:0;top:0;bottom:0;width:min(300px,85vw);height:100dvh;z-index:42;padding:calc(24px + env(safe-area-inset-top,0px)) 20px calc(20px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;align-items:stretch;gap:0;transform:translateX(-101%);transition:transform .18s ease}
 .sidebar .brand{justify-content:flex-start;font-size:24px}.sidebar .workspace-label,.sidebar .sidebar-bottom{display:flex}.sidebar .workspace-label{margin-top:24px;font-size:10px}
 .sidebar nav{display:block;width:100%;margin:18px 0 0;overflow-y:auto;min-height:0;max-height:none}.sidebar .nav-item{font-size:14px;width:100%;height:auto;justify-content:flex-start;padding:12px;margin:3px 0;text-align:left}.sidebar .nav-item>span:first-child{font-size:20px}.sidebar .nav-item .status-dot{display:inline-block}.sidebar-bottom{margin-top:16px}
 body.menu-open .sidebar{transform:translateX(0)}#mobile-menu-shade:not([hidden]){display:block;position:fixed;inset:0;z-index:41;background:#071e1bbb;width:100%;height:100%;border-radius:0}
 #inbox-view,#connection-view,#pro-view,#queue-view{padding:18px 12px}.page-heading{margin-bottom:16px}.page-heading p{max-width:none}.page-heading h1{font-size:25px}.metrics{gap:8px;margin-bottom:16px}.metrics small{display:none}.metrics b{font-size:25px}.inbox{min-height:calc(100dvh - 410px);border-radius:14px}.contact-list{max-height:none;overflow:visible}.contact-row{min-height:72px}.contact-pane{min-height:0}.conversation-pane{display:none}.filters{flex-wrap:wrap}.filters .search{flex-basis:100%}.filters select{width:100%}
 .search-toolbar select{min-width:0}.pro-grid{grid-template-columns:minmax(0,1fr)}.pro-card{padding:16px}.pro-row{flex-wrap:wrap}.pro-row>div{min-width:0}.asset-grid{grid-template-columns:minmax(0,1fr)}.chat-tools{gap:6px;padding:8px;flex-wrap:nowrap;overflow-x:auto}.chat-tools>*{flex-shrink:0}.desk-table-wrap{max-width:100%}.pro-actions{gap:8px}
 body.mobile-chat{overflow:hidden}body.mobile-chat main{height:var(--mobile-height,100dvh);display:flex;flex-direction:column}body.mobile-chat .topbar{flex-shrink:0}body.mobile-chat #inbox-view{display:flex;flex-direction:column;flex:1;min-height:0;padding:0}body.mobile-chat #inbox-view>.page-heading,body.mobile-chat #inbox-view>.metrics,body.mobile-chat .message-search-panel,body.mobile-chat .contact-pane,body.mobile-chat .sync-bar,body.mobile-chat footer{display:none}
 body.mobile-chat .inbox{flex:1;min-height:0;height:auto;border:0;border-radius:0}body.mobile-chat .conversation-pane{display:block;height:100%;width:100%}body.mobile-chat #conversation{height:100%;min-height:0}.chat-header{gap:8px;flex-wrap:nowrap;padding:10px}.chat-header>div:nth-of-type(2){flex:1;min-width:0}.chat-header h2{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header #edit-contact{padding:8px;font-size:12px}body.mobile-chat #mobile-back{display:block;padding:8px;font-size:24px;background:transparent;color:#123b35;flex-shrink:0}
 .messages{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:12px}.bubble{max-width:90%}.composer{padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));background:white}.composer textarea{min-width:0}.composer>small{display:none}.composer button{min-height:44px}.contact-context{flex-shrink:0;padding:6px 12px}.contact-context select{max-width:170px}
 dialog{padding:18px;max-width:calc(100% - 20px);max-height:calc(var(--mobile-height,100dvh) - 36px);overflow-y:auto}#pro-dialog{width:calc(100% - 20px)}#attachment-dialog{max-height:calc(var(--mobile-height,100dvh) - 30px)}.login-screen{padding:20px 12px;min-height:100dvh}.login-card{width:100%;max-width:440px;padding:24px}.toast{bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:50}.report-bars>div{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}