.account-panel{margin-top:auto;padding:18px 0 14px;border-top:1px solid #365064;display:grid;gap:12px;font-size:12px;flex-shrink:0}
.account-panel #teamSummary{color:#f1f6fa;font-weight:650;line-height:1.5;overflow-wrap:anywhere}
.account-panel button{background:#233f54;border-color:#3b596f;color:#e2edf5;min-height:40px;font-size:12px;padding:9px 10px}
.account-panel button:hover{background:#31536c}
.sync-panel{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.sync-panel #cloudStatus{font-size:11px;line-height:1.5;font-weight:500;flex:1 1 110px;overflow-wrap:anywhere}
.account-panel .cloudbad{color:#ffbf9e}
.sync-panel #cloudRefresh{font-size:11px;padding:7px 9px;min-height:36px}
.account-details summary{cursor:pointer;padding:8px 0;color:#c7d9e6}
.account-details #cloudAccount{display:block;overflow-wrap:anywhere;margin:7px 0 12px;color:#c7d9e6}
.account-details #awLogout{width:100%}
aside footer{margin-top:0!important;padding-top:12px}
.mobile-sync{display:none}
.dialog-draft{font-size:12px;margin-left:8px}.dialoghead{flex-wrap:wrap}
@media(min-width:721px) and (max-height:950px){aside .sidecallout{display:none}aside nav{margin-bottom:24px}}
@media(max-width:720px){
 .account-panel{margin-top:16px;padding:12px 0 0;grid-template-columns:1fr auto;gap:8px 12px}
 .account-panel #teamSummary{align-self:center;font-size:12px}.account-panel #openTeam{grid-column:2;grid-row:1}
 .account-details{grid-column:1/-1}.account-panel #cloudDraft{grid-column:1/-1}
 .account-panel>div:empty{display:none}.account-panel .account-details #awLogout{width:auto}
 .mobile-sync{display:block;position:sticky;top:0;z-index:5;background:#e7f2ed;border:1px solid #c6ded2;border-radius:10px;padding:9px 12px;margin-bottom:16px}
 .mobile-sync .sync-panel{flex-wrap:nowrap}.mobile-sync #cloudStatus{font-size:12px}.mobile-sync #cloudRefresh{flex-shrink:0;min-height:44px}
}

aside .sidecallout{display:none}aside nav{margin-bottom:24px}