/* Offline tools are a phone-only My Tasks shortcut. */
#offlineTaskTools{display:none}
@media screen and (min-width:701px){#offlineToolsButton,.phone-account-slot{display:none!important}}
@media screen and (max-width:700px){
 .mobile-app-bar{display:grid;grid-template-columns:36px 105px minmax(0,1fr);gap:9px;padding:9px 12px;align-items:center;min-height:66px}
 #mobileMenuToggle{padding:6px;min-width:36px;min-height:44px;border:0;background:transparent;font-size:21px}
 .mobile-app-brand{justify-content:flex-start;gap:6px}.mobile-app-brand b{display:block;font-size:12px;line-height:1.25;white-space:normal}.mobile-app-brand img{width:36px;height:36px;background:transparent}
 .phone-account-slot{min-width:0;justify-self:stretch}
 .mobile-app-bar #identity{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0;color:#fff;font-size:11px}
 .mobile-app-bar .profile-menu{min-width:0;flex:0 1 auto;max-width:calc(100% - 43px)}
 .mobile-app-bar .profile-menu>summary{padding:5px 3px;gap:5px;color:#fff;min-height:44px}
 .mobile-app-bar .profile-menu>summary:hover,.mobile-app-bar .profile-menu[open]>summary{background:#244e3d;border-color:#46695a}
 .mobile-app-bar .profile-menu .user-summary{max-width:none;min-width:0;text-align:left}
 .mobile-app-bar .profile-menu .user-summary>b{font-size:13px;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.3}
 .mobile-app-bar .profile-menu .user-summary small{font-size:10px;color:#c5d8cc;line-height:1.4;white-space:normal}
 .mobile-app-bar .profile-position{display:none}.mobile-app-bar .profile-chevron{color:#c5d8cc;flex-shrink:0}
 .mobile-app-bar .profile-options{left:auto;right:0;width:235px;color:#30473a;max-width:calc(100vw - 24px)}
 .mobile-app-bar .notice-bell{min-width:36px;width:36px;min-height:40px;padding:7px;color:#edf4e8;background:#244e3d;border-color:#46695a;flex-shrink:0}
 main>header.phone-header-empty{display:none}
 #offlineTaskTools{display:flex;justify-content:flex-end;margin:-3px 0 14px}
 #offlineTaskTools #offlineToolsButton{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:9px 12px;font-size:12px;white-space:normal}
}

@media screen and (max-width:700px){
 #mobileMenuToggle{grid-column:1;grid-row:1}
 .mobile-app-bar .mobile-app-brand{grid-column:2;grid-row:1}
 .mobile-app-bar .phone-account-slot{grid-column:3;grid-row:1;min-width:0}
 .mobile-app-bar.phone-public-header{grid-template-columns:105px minmax(0,1fr)}
 .mobile-app-bar.phone-public-header .mobile-app-brand{grid-column:1}
 .mobile-app-bar.phone-public-header .phone-account-slot{grid-column:2}
 .mobile-app-bar.phone-public-header #identity{width:100%;text-align:right;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
}

/* Full company identity in the phone header, with account and bell retained. */
@media screen and (max-width:700px){
 .mobile-app-bar{grid-template-columns:32px minmax(0,1fr) auto;gap:6px;padding:9px 10px}
 #mobileMenuToggle{min-width:32px;width:32px;padding:4px}
 .mobile-app-bar .mobile-app-brand{min-width:0;gap:6px}
 .mobile-app-bar .mobile-app-brand img{width:30px;height:30px;flex:0 0 30px}
 .mobile-company-copy{min-width:0}
 .mobile-app-brand .mobile-company-copy b{font-size:11px;line-height:1.3;white-space:normal;overflow-wrap:normal}
 .mobile-company-copy small{display:block;font-size:8px;line-height:1.35;color:#c5d8cc;margin-top:3px;white-space:normal}
 .mobile-app-bar .phone-account-slot{max-width:123px}
 .mobile-app-bar #identity{gap:5px}
 .mobile-app-bar .profile-menu .user-summary>b{font-size:12px}
 .mobile-app-bar .profile-menu .user-summary small{font-size:10px}
 .mobile-app-bar.phone-public-header{grid-template-columns:minmax(0,1fr) minmax(70px,auto)}
}
@media screen and (max-width:360px){
 .mobile-app-bar .phone-account-slot{max-width:108px}
 .mobile-app-bar .mobile-app-brand img{width:26px;height:26px;flex-basis:26px}
 .mobile-app-brand .mobile-company-copy b{font-size:10px}
 .mobile-company-copy small{font-size:8px}
}

/* Phone header uses text only: company name, then the slogan. */
@media screen and (max-width:700px){
 .mobile-app-bar .mobile-app-brand img{display:none}
 .mobile-company-copy{width:100%}
 .mobile-app-brand .mobile-company-copy b{font-size:clamp(8px,2.5vw,11px);line-height:1.4;white-space:nowrap}
 .mobile-company-copy small{font-size:clamp(7px,2vw,9px);line-height:1.4;white-space:nowrap;margin-top:3px}
}
/* Reserve account space before fitting the company text to the remaining column. */
@media screen and (max-width:700px){
 .mobile-app-bar .phone-account-slot:has(.profile-menu){width:max-content;min-width:112px;max-width:160px}
 .mobile-app-bar .profile-menu{flex:0 1 auto;min-width:66px;max-width:110px}
 .mobile-app-bar .profile-menu>summary{min-width:0}
 .mobile-app-bar .profile-menu .user-summary{min-width:0;max-width:96px}
 .mobile-app-bar .profile-menu .user-summary>b{white-space:nowrap;overflow-wrap:normal;word-break:normal;overflow:hidden;text-overflow:ellipsis}
 .mobile-app-bar .profile-menu .user-summary small{white-space:nowrap}
 .mobile-app-bar .mobile-company-copy{container-type:inline-size}
 .mobile-app-bar .mobile-company-copy b{font-size:clamp(7px,4.4cqw,11px);overflow:hidden;text-overflow:ellipsis}
 .mobile-app-bar .mobile-company-copy small{font-size:clamp(6px,3.5cqw,9px);overflow:hidden;text-overflow:ellipsis}
}