/* Mobile application shell: separate markup, navigation, dashboard and lists. */
.mobileapp{--tab-height:72px;display:flex!important;flex-direction:column!important;width:100%;height:var(--app-height,100dvh)!important;min-height:0!important;overflow:hidden;background:#121018;color:#f6eef9;font-size:15px}.mobileapp *{-webkit-tap-highlight-color:transparent}.mobileapp button,.mobileapp a{touch-action:manipulation}.mobileapp button{min-height:44px}.mobileapp .m-header{height:68px!important;min-height:68px;flex-shrink:0;padding:0 20px!important;display:flex!important;justify-content:space-between;border-bottom:1px solid #35243e;background:#19131f;z-index:3}.m-brand{display:flex;gap:11px;align-items:center}.m-brand img{height:37px;width:37px;object-fit:contain;border-radius:11px}.m-brand>span{font-size:13px;letter-spacing:1px;font-weight:800;color:#efb8e2}.m-brand small{font-size:10px;letter-spacing:0;color:#a88eb9;font-weight:400;margin-top:5px}.m-avatar{height:38px;min-height:38px!important;width:38px;border-radius:13px;padding:0;border:1px solid #d5a1d4;background:#e3abd9;color:#3c2246;font-size:15px;font-weight:750}.mobileapp .m-view{display:block!important;flex:1!important;min-height:0!important;overflow-y:auto;overflow-x:hidden;width:100%!important;max-width:none!important;margin:0!important;padding:24px 20px 30px!important;overscroll-behavior-y:contain}.m-tabbar{display:grid!important;grid-template-columns:repeat(5,1fr);align-items:center;flex-shrink:0;height:calc(var(--tab-height) + env(safe-area-inset-bottom));padding:6px 10px calc(6px + env(safe-area-inset-bottom));border-top:1px solid #3a2944;background:#1a1322;z-index:4;gap:4px;margin:0!important}.m-tabbar button{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:6px;height:56px;min-height:56px!important;padding:7px 4px!important;border:0;background:transparent!important;color:#a38ab5;border-radius:13px;margin:0!important;width:100%!important;font-size:10px!important;font-weight:600}.m-tabbar svg{width:22px;height:22px}.m-tabbar button.active{background:#4d2e58!important;color:#f9c8ed!important}.m-tabbar button.active span{color:#f9c8ed}.m-greeting{display:flex;justify-content:space-between;align-items:center;margin:0 0 24px;gap:8px}.m-greeting>div>span{font-size:8px;font-weight:700;letter-spacing:1.5px;color:#b38dc6}.m-greeting h1{font-size:29px;letter-spacing:-1px;margin:11px 0 9px;line-height:1.2}.m-greeting h1 i{font-size:19px;color:#e7a4d6;margin-left:10px;font-style:normal}.m-greeting p{font-size:12px;color:#ad91bf}.m-greeting img{width:72px;height:72px;object-fit:contain;border-radius:22px;transform:rotate(5deg);opacity:1;position:static}.m-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px}.m-stats>button{display:flex;gap:9px;align-items:center;text-align:left;padding:16px 12px;background:#2c1e35;border:1px solid #60406b;border-radius:15px;min-width:0}.m-stats>button:nth-child(2){background:#281f37;border-color:#554369}.m-stats>button>span{display:grid;place-items:center;background:#4e305a;border-radius:10px;height:32px;width:32px;flex-shrink:0;color:#eab4df}.m-stats svg{height:18px;width:18px}.m-stats strong{font-size:24px;display:block;line-height:1;font-weight:750}.m-stats small{font-size:9px;color:#c4a4d2;margin-top:7px;white-space:normal;line-height:1.5}.m-stats>button>b{font-size:12px;color:#c394d5;margin-left:auto;align-self:start}.m-create{display:flex;align-items:center;gap:14px;width:100%;margin-top:15px;padding:16px 18px;background:#e5a3d9!important;border-color:#e5a3d9;border-radius:14px;color:#34203d;text-align:left}.m-create>b{font-size:29px;line-height:1;font-weight:400}.m-create strong{font-size:14px;display:block;font-weight:750}.m-create small{font-size:10px;color:#69476d;margin-top:5px}.m-create i{font-style:normal;margin-left:auto;font-size:20px}.m-section{display:flex;align-items:center;justify-content:space-between;margin:27px 0 15px;gap:10px}.m-section h2{font-size:17px;letter-spacing:-.35px;font-weight:700}.m-section>span{font-size:7px;letter-spacing:1.4px;color:#9775aa}.m-section>button{font-size:11px;min-height:32px!important;background:none;border:0;color:#dbace3;padding:0}.m-chatentry{display:flex;width:100%;gap:13px;align-items:center;text-align:left;padding:17px 15px;background:#24192d;border:1px solid #4b315a;border-radius:14px;margin-bottom:11px}.m-chaticon{display:grid;place-items:center;height:40px;width:40px;border-radius:12px;background:#4b2e59;color:#e3b0e8;flex-shrink:0}.m-chaticon svg{height:22px;width:22px}.m-chatentry h3{font-size:13px;line-height:1.5}.m-chatentry p{font-size:10px;color:#aa8bbd;margin-top:5px;line-height:1.6}.m-chatentry>b{margin-left:auto;color:#b18ac4;font-size:23px;font-weight:400}.m-chatentry.secondary .m-chaticon{background:#342a4a;color:#c7b0ec}.m-caughtup{display:flex;gap:13px;align-items:center;padding:20px 17px;background:#211a2b;border:1px dashed #593867;border-radius:13px}.m-caughtup>span{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#3c314d;color:#d0bbeb;font-size:18px}.m-caughtup h3{font-size:13px}.m-caughtup p{font-size:10px;color:#a98cba;margin-top:7px}.m-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.m-shortcuts>button{padding:18px;text-align:left;background:#201829;border:1px solid #4b3159;border-radius:14px}.m-shortcuts svg{height:25px;width:25px;color:#cfa3df;margin-bottom:17px}.m-shortcuts b{font-size:12px;display:block}.m-shortcuts small{font-size:9px;color:#a78ab7;margin-top:8px}.m-pagehead{display:flex;justify-content:space-between;align-items:center;margin:2px 0 23px;gap:15px}.m-pagehead>div>span{font-size:8px;font-weight:700;letter-spacing:1.5px;color:#b58cc9}.m-pagehead h1{font-size:29px;letter-spacing:-1px;margin-top:10px}.m-plus{height:44px;width:44px;padding:0;font-size:25px;background:#e3a2d8;color:#38213f;border:0;border-radius:13px}.m-scope{width:100%;display:flex;align-items:center;gap:13px;text-align:left;background:#30203a;border:1px solid #684475;border-radius:13px;padding:16px}.m-scope>span{color:#cba2dc}.m-scope svg{height:24px;width:24px}.m-scope small{font-size:7px;color:#b28ac5;letter-spacing:1px}.m-scope b{font-size:13px;display:block;line-height:1.5;margin-top:6px}.m-scope i{margin-left:auto;font-size:18px;font-style:normal;color:#d8b0e3}.m-segments{display:flex;background:#241a2c;border-radius:11px;padding:5px;margin:16px 0;gap:5px}.m-segments button{flex:1;font-size:11px;background:none;border:0;padding:8px;min-height:37px!important;color:#a887b9}.m-segments button.active{background:#63406e;color:#ffe4f7;border-radius:8px}.m-search{margin:0 0 19px;font-size:12px;padding:14px 15px;background:#211729;border-color:#4e335d;border-radius:12px}.m-scope+.m-search{margin-top:17px}.m-ticketcards{display:grid;gap:14px}.m-ticketcards article{background:#24192d;border:1px solid #563361;border-radius:14px;overflow:hidden}.m-ticketopen{background:transparent!important;border:0;padding:17px 17px 14px;text-align:left;width:100%;display:block}.m-ticketopen>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.m-ticketopen>div>span{font-size:8px;color:#aa84bc}.m-ticketopen .statuspill{font-size:9px}.m-ticketopen h3{font-size:15px;line-height:1.6;margin:13px 0 7px;overflow-wrap:anywhere}.m-ticketopen p{font-size:11px;color:#ae88c1}.m-ticketbottom{padding:11px 17px;border-top:1px solid #46304f;display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#281b32}.m-ticketbottom>span{font-size:10px;color:#bfa0cb;margin-right:auto}.m-ticketbottom>button{min-height:32px!important;background:#53305e;border:0;font-size:10px;padding:8px 10px;border-radius:7px}.m-empty{text-align:center;padding:40px 20px;background:#21172b;border:1px dashed #593566;border-radius:14px}.m-empty>span{font-size:27px;display:block;color:#d7b5e7;margin-bottom:17px}.m-empty h3{font-size:16px}.m-empty p{font-size:12px;line-height:1.8;color:#ab89bf;margin-top:11px}.m-knowledgegrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.m-knowledge{display:block;text-align:left;padding:21px 17px;border-radius:16px;border:1px solid #593469;background:radial-gradient(ellipse at top,#57336744,transparent 75%),#25192f;min-width:0}.m-knowledge>span{display:block;font-size:33px;margin:2px 0 24px}.m-knowledge small{font-size:7px;color:#b58ac8;letter-spacing:1px;text-transform:uppercase}.m-knowledge h2{font-size:15px;line-height:1.5;margin:8px 0 13px;overflow-wrap:anywhere}.m-knowledge i{font-size:9px;color:#c19ed0;font-style:normal}.m-profileentry{display:flex;align-items:center;gap:15px;padding:22px 18px;text-align:left;width:100%;background:#3d2548;border:1px solid #8a5993;border-radius:16px}.m-profileentry .avatar{width:48px;height:48px;border-radius:15px;font-size:21px;background:#d4a3da}.m-profileentry h2{font-size:20px}.m-profileentry p{font-size:11px;margin-top:7px;color:#c4a2d2}.m-profileentry>b{margin-left:auto;color:#cf9bd8;font-size:24px}.m-menulist{margin:22px 0;border:1px solid #4a2f58;border-radius:14px;overflow:hidden}.m-menulist button{display:flex;align-items:center;gap:15px;width:100%;text-align:left;padding:20px 17px;border:0;border-bottom:1px solid #452b50;border-radius:0;background:#24192d}.m-menulist button:last-child{border-bottom:0}.m-menulist svg{width:24px;height:24px;flex-shrink:0;color:#ce9ddd}.m-menulist b{font-size:14px;line-height:1.4}.m-menulist small{font-size:10px;margin-top:7px;color:#ac88bf}.m-menulist i{margin-left:auto;font-size:23px;font-style:normal;color:#a27ab6}.m-logout{display:block;width:100%;margin-top:23px;padding:16px;background:#281b31;border:1px solid #6d3d69;color:#e7adce;border-radius:12px;font-size:13px}.m-version{text-align:center;font-size:8px;letter-spacing:1.5px;color:#775b8c;margin-top:25px}.m-profilecard{text-align:center;padding:28px 20px;background:linear-gradient(145deg,#4c2d54,#2a1a35);border:1px solid #885791;border-radius:18px}.m-profilecard>img{height:85px;width:85px;object-fit:contain;border-radius:24px;margin-bottom:20px}.m-profilecard h2{font-size:26px}.m-profilecard>span{display:inline-block;font-size:10px;background:#6b4274;padding:6px 12px;border-radius:6px;margin:14px 0 10px;color:#f1c4e8}.m-profilecard p{font-size:12px;color:#bb98ce}.m-appdownload{padding:24px 21px;background:#312039;border:1px solid #764b81;border-radius:15px}.m-appdownload>span{font-size:8px;letter-spacing:1.5px;color:#ba93ca}.m-appdownload h2{font-size:23px;margin:13px 0;line-height:1.3}.m-appdownload p{font-size:12px;color:#c2a0d0;margin-bottom:22px}.m-appdownload>a{display:block;text-align:center;border-radius:11px;padding:16px;font-size:12px}.m-appdownload button{margin-top:13px;width:100%;border:0;background:transparent;font-size:10px;color:#b88cc7}.m-optionlist{display:grid;gap:9px}.m-optionlist button{display:flex;justify-content:space-between;align-items:center;text-align:left;padding:17px;background:#33213e;border:1px solid #684476;border-radius:11px;font-size:14px;min-height:49px}.mobileapp.chat-mode .m-view{display:flex!important;flex-direction:column;padding:0!important;overflow:hidden!important}.mobileapp .v04messenger{flex:1;min-height:0!important;display:flex!important;flex-direction:column!important;height:100%!important;overflow:hidden!important;grid-template-columns:none!important}.mobileapp .v04messenger .channelnav{width:100%;height:100%;padding:23px 20px!important;overflow:auto!important}.mobileapp .v04messenger .channelintro h2{font-size:27px!important}.mobileapp .v04messenger .channel{padding:15px!important;gap:14px!important;min-height:58px}.mobileapp .v04messenger .channel b{font-size:15px!important}.mobileapp .v04messenger .channel small{font-size:11px!important}.mobileapp .v04messenger summary{padding:17px 9px!important}.mobileapp .v04messenger summary>b{font-size:14px!important}.mobileapp .v04messenger .channelintro .overline{font-size:8px!important}.mobileapp .v04messenger.showchannels .chatpane{display:none!important}.mobileapp .v04messenger.showconversation .channelnav{display:none!important}.mobileapp .chatpane{flex:1;min-height:0!important;height:100%;display:flex!important;flex-direction:column;width:100%;overflow:hidden!important}.mobileapp.conversation>.m-header,.mobileapp.conversation>.m-tabbar{display:none!important}.mobileapp .backchannels{display:block!important;min-height:40px!important;font-size:12px;padding:8px 11px!important}.mobileapp .chattop{min-height:67px!important;padding:12px 15px!important;gap:11px!important;background:#21172c;border-bottom:1px solid #4e305a;flex-shrink:0}.mobileapp .chattop .channelhash{display:none}.mobileapp .chattop h2{font-size:17px!important;line-height:1.4}.mobileapp .chattop p{font-size:10px!important}.mobileapp .chatpermission{display:none!important}.mobileapp .chatstart{padding:25px 20px 30px!important}.mobileapp .chatstart h2{font-size:23px!important}.mobileapp .chatstart p{font-size:12px!important}.mobileapp .chatstart>span{height:48px!important;width:48px!important;font-size:25px!important}.mobileapp .message{padding:13px 14px!important;gap:10px!important}.mobileapp .message>.avatar{height:32px!important;width:32px!important;font-size:13px!important;border-radius:10px!important}.mobileapp .messagemeta b{font-size:13px!important}.mobileapp .messagemeta time{font-size:9px!important}.mobileapp .messagemeta .rolelabel{font-size:8px!important}.mobileapp .messagemeta button{min-height:27px!important;font-size:9px!important;opacity:1!important}.mobileapp .messagetext{font-size:14px!important;line-height:1.8}.mobileapp .chatmessages{flex:1 1 0%;overflow:auto;min-height:0!important;padding:0 0 15px!important}.mobileapp .composer{flex-shrink:0;padding:9px 10px calc(9px + env(safe-area-inset-bottom))!important;background:#21162a;border-top:1px solid #4c2b58}.mobileapp .composefield{padding:5px!important;border-radius:12px}.mobileapp .composefield textarea{padding:10px 9px!important;min-height:48px!important;font-size:14px!important;max-height:100px;resize:none}.mobileapp .composetools{padding:4px 1px 0!important;gap:2px!important}.mobileapp .composetools>div{display:flex;flex-wrap:nowrap;gap:1px!important;align-items:center}.mobileapp .composetools button{min-height:38px!important;padding:8px 9px!important;font-size:18px!important;min-width:33px}.mobileapp .composetools button span{display:none!important}.mobileapp .composetools>.sendbutton{font-size:10px!important;padding:9px 12px!important;min-height:38px!important}.mobileapp .composer>small{display:none}.mobileapp .filequeue{padding:10px!important;max-height:135px}.mobileapp .queuedfile{min-width:130px!important;padding:8px!important}.mobileapp .queuedfile audio{width:230px;max-width:230px}.mobileapp .attachment img,.mobileapp .attachment video{max-height:250px}.mobileapp .addreaction{opacity:1!important;min-height:29px!important}.mobileapp .reactions>button{min-height:29px!important;font-size:13px;padding:5px 8px!important}.mobileapp .mentionsuggest{margin:0 10px;max-height:170px}.mobileapp .mentionsuggest button{min-height:48px;font-size:12px}.mobileapp .pollcard{padding:18px 15px!important}.mobileapp .pollcard h3{font-size:16px!important}.mobileapp .polloption{font-size:12px!important;padding:12px!important;min-height:51px}.mobileapp .polloption>b{font-size:12px}.mobileapp .pollhint{font-size:8px!important}.mobileapp .recording{margin:0 10px;font-size:10px}.mobileapp .recording button{font-size:9px;min-height:32px!important}.mobileapp .pageheading{margin-bottom:20px!important;gap:15px!important;flex-wrap:wrap}.mobileapp .pageheading h1{font-size:26px!important;line-height:1.2;letter-spacing:-.8px}.mobileapp .pageheading .overline{font-size:7px!important;line-height:1.8}.mobileapp .pageheading p{font-size:11px!important;line-height:1.8}.mobileapp .pageheading>.primary{font-size:10px;min-height:40px;padding:12px}.mobileapp .orgstarthead{padding:20px 15px;gap:12px}.mobileapp .orgstarthead>span{font-size:27px;padding:10px 14px}.mobileapp .orgstarthead h2{font-size:22px}.mobileapp .orgstarthead .overline{font-size:7px}.mobileapp .orgstarthead p{font-size:10px}.mobileapp .orgchart{padding:23px 11px}.mobileapp .chartlevel{gap:10px}.mobileapp .chartrole{min-width:0;max-width:175px;flex:1;padding:14px 10px}.mobileapp .chartrole>b{font-size:12px}.mobileapp .chartrole small{font-size:9px}.mobileapp .chartbranches{grid-template-columns:1fr 1fr!important;gap:10px}.mobileapp .chartbranches>button{padding:15px 8px}.mobileapp .chartbranches>button:before{display:none}.mobileapp .chartbranches>button:last-child{grid-column:span 2}.mobileapp .chartbranches h3{font-size:12px}.mobileapp .branchroles b{font-size:10px}.mobileapp .branchroles small{font-size:8px}.mobileapp .teamstarttiles{grid-template-columns:1fr 1fr!important;gap:10px}.mobileapp .teamstarttiles button{padding:18px 14px}.mobileapp .teamstarttiles h3{font-size:12px;line-height:1.5}.mobileapp .teamstarttiles p{font-size:10px}.mobileapp .crewlayout{grid-template-columns:1fr;gap:20px}.mobileapp .crewdepartments{display:flex;overflow:auto;gap:8px;padding:8px}.mobileapp .crewdepartments h3{display:none}.mobileapp .crewdepartments button{width:auto;flex-shrink:0;padding:12px;white-space:nowrap;margin:0}.mobileapp .crewdepartments button i{display:none}.mobileapp .crewdepartments button b{font-size:12px}.mobileapp .crewdepartments small{font-size:9px}.mobileapp .crewdetailhead{padding:20px 16px;gap:12px}.mobileapp .crewdetailhead h2{font-size:24px}.mobileapp .crewdetailhead .overline{font-size:6px}.mobileapp .crewdetailhead p{font-size:11px}.mobileapp .laddercard{padding:17px 14px}.mobileapp .laddercard h3{font-size:14px}.mobileapp .roleladder article{gap:10px}.mobileapp .ladderline{width:25px}.mobileapp .rolelist{grid-template-columns:1fr!important}.mobileapp .settingscard{padding:18px 14px;border-radius:14px}.mobileapp .settingscard h2{font-size:18px}.mobileapp .settingscard>.subtle{font-size:11px}.mobileapp .adminuser select{max-width:none;width:100%;font-size:12px}.mobileapp .adminuser button{font-size:11px;padding:10px;min-height:38px!important}.mobileapp .adminuser .avatar{height:34px;width:34px}.mobileapp .adminuser b{font-size:13px}.mobileapp .adminuser small{font-size:10px}.mobileapp .rolelist b{font-size:13px}.mobileapp .rolelist span{font-size:11px}.mobileapp .rolelist small{font-size:10px}.mobileapp .requests .sectionhead{flex-wrap:wrap}body:has(.mobileapp) #toast{bottom:95px;font-size:12px}body:has(.mobileapp.conversation) #toast{bottom:140px}
@media(max-width:820px){body{overflow:hidden}dialog{width:100vw;max-width:100vw;max-height:calc(var(--app-height,100dvh) - 18px);margin:auto 0 0;border-radius:22px 22px 0 0;border:1px solid #80518d;border-bottom:0;padding:25px 20px calc(25px + env(safe-area-inset-bottom))}dialog::backdrop{background:#0b0610bb}.modalhead{padding-bottom:20px;margin-bottom:20px}.modalhead h2{font-size:22px;line-height:1.4}.modalhead>button{height:36px;min-width:36px;padding:3px 8px;font-size:23px}dialog input,dialog select,dialog textarea{font-size:16px;padding:13px}dialog label{font-size:12px;margin:19px 0 9px}dialog .modalactions button{min-height:45px;font-size:12px}dialog .modalactions{padding-top:20px;gap:10px}dialog .formgrid{grid-template-columns:1fr 1fr;gap:12px}dialog .ticketdetail{grid-template-columns:1fr}dialog .ticketmeta{display:grid;grid-template-columns:1fr 1fr;gap:10px;order:-1}dialog .ticketmeta b{font-size:11px}dialog .ticketmeta label{font-size:10px}dialog .ticketmeta select{font-size:13px;padding:10px}dialog .ticketdescription>p{font-size:13px}dialog .documentbody{font-size:14px}dialog .emojigrid{grid-template-columns:repeat(6,1fr)}dialog .emojigrid button{min-height:45px;font-size:25px}.auth{display:flex;flex-direction:column;min-height:100dvh;background:#16101e;height:var(--app-height,100dvh);overflow-y:auto}.authstory{display:block;min-height:0;padding:26px 24px 22px;border-right:0;background:linear-gradient(130deg,#35213f,#21172c);border-bottom:1px solid #4c2c58}.authstory .wordmark{font-size:17px}.authstory .wordmark img{height:43px;width:43px}.authstory>div{margin-top:27px}.authstory h1{font-size:31px;letter-spacing:-1px;line-height:1.2;margin:0}.authstory h1 br{display:none}.authstory .overline,.authstory p,.authstory>small{display:none}.authform{display:block;padding:29px 24px 38px}.authbox{max-width:none}.authbox>.overline{font-size:8px}.authbox h2{font-size:26px;line-height:1.3;margin:16px 0}.authbox>p{font-size:12px;margin-bottom:25px}.authform input{font-size:16px;padding:15px;border-radius:12px}.authform label{font-size:12px}.authform .full{min-height:49px;border-radius:12px;font-size:14px}.authswitch{font-size:11px}.authform .textbutton{min-height:37px;font-size:12px}}
@media(min-width:821px){.mobileapp{max-width:560px;margin:0 auto;border-left:1px solid #4a3155;border-right:1px solid #4a3155}}
@media(prefers-reduced-motion:reduce){.mobileapp *{scroll-behavior:auto!important;transition:none!important}}
.mobileapp .m-tabbar button>span{display:block!important;line-height:1.2;font-size:9px!important}

/* V08: Android owns system/IME insets; avoid a second web safe-area gap. */
.mobileapp{--tab-height:64px;--tab-safe:env(safe-area-inset-bottom,0px)}
.mobileapp .m-tabbar{height:calc(var(--tab-height) + var(--tab-safe));min-height:calc(var(--tab-height) + var(--tab-safe));padding:3px 10px calc(3px + var(--tab-safe));align-items:end}
.mobileapp .m-tabbar button{height:56px;min-height:56px!important;padding:5px 4px!important}
.native-android .mobileapp{--tab-safe:0px}
.native-android .mobileapp .composer{padding-bottom:9px!important}
.m-brand>span{letter-spacing:.25px;font-size:14px}.mainnav .wordmark>span{letter-spacing:-.3px;font-size:16px}