@media(max-width:900px){html,body{height:100%;overscroll-behavior:none}.workspace{height:100vh;height:100dvh;min-height:0;overflow:hidden}.inboxZone,.conversationZone,.leadZone{height:100vh;height:100dvh;min-height:0}.conversationZone,.leadZone{transition:transform .14s ease;will-change:transform}.workspace[data-mobile-screen="inbox"] .conversationZone,.workspace[data-mobile-screen="inbox"] .leadZone{transform:translateX(100%)}.workspace[data-mobile-screen="conversation"] .conversationZone{transform:translateX(0)}.workspace[data-mobile-screen="conversation"] .leadZone{transform:translateX(100%)}.workspace[data-mobile-screen="lead"] .conversationZone,.workspace[data-mobile-screen="lead"] .leadZone{transform:translateX(0)}body.workspaceMobileDetail{overflow:hidden}.conversationZone{z-index:3;left:0!important;right:0!important;width:100vw;max-width:100vw;overflow:hidden;display:flex;flex-direction:column}.leadZone{z-index:4}.inboxList,.messages,.leadZone{overscroll-behavior:contain}.mobileBack,.mobileLeadBtn,.mobileLeadClose{touch-action:manipulation}.composer{padding-bottom:max(9px,env(safe-area-inset-bottom))}
.inboxHead{padding:9px 10px 8px}.inboxHead .brandRow{align-items:center}.inboxHead .brand{font-size:17px}.inboxHead .muted{font-size:10px}.inboxHead .viewToggle{gap:4px}.inboxHead .viewToggle button{min-height:32px;padding:0 9px;font-size:11px}.inboxHead .notificationHealth{min-height:30px;margin-top:6px;padding:5px 8px;font-size:10px}.queueTabs{margin-top:7px;gap:4px}.queueTabs button{min-height:34px;padding:0 11px;border-radius:11px;font-size:11px}.taskShortcuts{margin-top:6px;gap:5px}.taskShortcut{min-height:32px;padding:0 9px;font-size:10px}.inboxSearchRow{margin-top:7px;gap:6px}.searchBox,.filtersToggle{height:38px}.searchBox{border-radius:11px;padding:0 10px}.searchBox .filterInput{font-size:12px}.filtersToggle{border-radius:11px}.filtersPanel{margin-top:7px;padding:9px}.filterGrid{gap:6px}.filterGrid .filterSelect{min-height:34px}.inboxList{padding-top:4px}.leadItem{padding:11px 12px}.leadPrimary{grid-template-columns:36px minmax(0,1fr) auto;gap:9px}.leadAvatar{width:36px;height:36px;border-radius:12px}.leadTrip,.leadPreview,.leadActionRow{margin-left:45px}.leadTrip{margin-top:7px}.leadPreview{margin-top:4px}.leadActionRow{margin-top:7px}
.conversationHead{padding:7px 9px;min-height:54px;gap:6px;width:100%;overflow:hidden;flex:0 0 auto}.conversationIdentity{flex:1 1 auto;min-width:0}.conversationIdentityText{min-width:0;max-width:none}.conversationHead .brand{font-size:15px}.conversationHead .muted{font-size:9px;max-width:none}.conversationTitleRow{max-width:none}.conversationHead .actions{flex:0 0 auto;flex-wrap:nowrap;gap:3px}.conversationHead #conversationActions{gap:3px}.conversationHead #conversationActions .actionBtn,.mobileLeadBtn,.mobileBack{min-height:32px;padding:0 7px;border-radius:9px;font-size:9px}.mobileBack{width:32px;padding:0;font-size:18px}.mobileLeadBtn{min-width:36px}.messages{padding:10px 9px 12px;min-height:0;flex:1 1 auto;overflow-y:auto;overflow-x:hidden}.msg{max-width:92%;margin:2px 0}.msg.ai{margin-left:8px}.composer{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row;box-sizing:border-box!important;flex:0 0 auto;width:100%!important;max-width:100%!important;min-width:0!important;align-self:stretch!important;gap:5px;padding:6px 7px max(7px,env(safe-area-inset-bottom));background:#fff;overflow:visible!important}.quickReplies{order:2;display:flex;gap:5px;margin:0;padding:0 1px;min-width:0;max-width:100%;overflow-x:auto}.quickReplies button{min-height:28px;padding:4px 7px;font-size:9px}.composerSurface{order:1;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;align-items:end;gap:4px;padding:4px;border-radius:13px;box-shadow:0 2px 10px rgba(23,33,43,.07);overflow:hidden!important}.composerMain{box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important}.composer textarea{box-sizing:border-box!important;display:block;width:100%!important;min-width:0!important;max-width:100%!important;min-height:40px;max-height:110px;padding:9px 8px;font-size:16px;line-height:1.3}.composerActions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;align-self:end;flex:0 0 auto;gap:4px}.composer .attachBtn,.composer .sendBtn{min-height:38px;border-radius:10px}.composer .attachBtn{width:38px;min-width:38px;padding:0;justify-content:center}.composer .attachBtn span{display:none}.composer .sendBtn{min-width:92px;padding:0 11px;font-size:11px}.replyStatus{padding:0 8px;font-size:9px}.composerHint{display:none}.composerLocked,.deliveryFailure{margin:7px 8px max(8px,env(safe-area-inset-bottom))}
.leadZone .zoneHead{min-height:56px;padding:8px 10px}.leadZone .zoneHead .brand{font-size:16px}.leadZone .zoneHead .muted{font-size:10px}.mobileLeadClose{min-height:34px;padding:0 10px;font-size:11px}.leadCard{padding:8px 8px max(16px,env(safe-area-inset-bottom))}.leadHero{padding:11px}.leadPanel{margin-top:7px;padding:10px}.leadDetails{margin-top:7px}.leadPanelHead{margin-bottom:7px}.leadContactActions{margin-top:9px}.leadContactLink{min-height:36px}.leadRoute{margin-top:9px;padding-top:9px}.leadTaskPrimary .taskRow{padding:8px}.leadTaskPrimary .taskCreate input{min-height:36px}.leadDetails summary{min-height:40px;padding:9px 11px}}
@media(max-width:520px){.inboxHead .viewToggle button{padding:0 8px}.taskShortcuts{overflow-x:auto}.inboxSearchRow{grid-template-columns:minmax(0,1fr) 38px}.filtersToggle{width:38px}.filtersCount{margin:-23px 0 0 25px}.leadItem{margin:4px 0}.leadSource{max-width:180px}.leadStageCompact,.leadTaskCompact,.leadWaitCompact,.leadOutcomeCompact{padding:4px 6px;font-size:9px}.conversationAvatar{display:none}.conversationHead .muted{max-width:135px}.conversationTitleRow{max-width:145px}.mobileLeadBtn{font-size:0;width:34px;min-width:34px;padding:0!important}.mobileLeadBtn:after{content:'Лид';font-size:9px}.conversationHead #conversationActions .actionBtn{padding:0 6px}.msg{padding:9px 10px;border-radius:14px}.composer{gap:4px;padding:5px 6px max(6px,env(safe-area-inset-bottom))}.quickReplies{order:2;max-height:30px}.composer:focus-within .quickReplies{display:none}.composerSurface{order:1;grid-template-columns:minmax(0,1fr) auto!important;align-items:stretch;gap:4px;padding:4px 5px}.composerMain{display:flex;flex-direction:column;justify-content:center}.composer textarea{min-height:46px;max-height:128px;padding:10px 8px;font-size:16px;line-height:1.35}.composerActions{align-self:stretch;align-items:flex-end;gap:4px}.composer .attachBtn,.composer .sendBtn{height:42px;min-height:42px;align-self:flex-end}.composer .attachBtn{width:38px;min-width:38px}.composer .sendBtn{width:42px;min-width:42px;padding:0;font-size:0}.composer .sendBtn:after{content:'➤';font-size:18px;line-height:1}.replyStatus:not(:empty){padding-bottom:3px}.leadHeroName{font-size:15px}.leadPanel{padding:9px}.leadContactActions{gap:5px}.leadContactLink{font-size:10px}.leadTripDetails{gap:6px}.leadTripDetails .field{padding:7px 8px}.leadDetailRow{grid-template-columns:78px minmax(0,1fr)}}
@media(max-width:380px){.conversationHead .muted{max-width:110px}.conversationTitleRow{max-width:120px}.conversationHead #conversationActions .actionBtn{font-size:8px;padding:0 5px}.composer .sendBtn{width:40px;min-width:40px}.composer .attachBtn{width:36px;min-width:36px}.composer textarea{padding-left:7px;padding-right:7px}}
@media(max-width:900px) and (prefers-reduced-motion:reduce){.conversationZone,.leadZone{transition:none}}