body{padding-bottom:var(--online-status-space,calc(42px + env(safe-area-inset-bottom,0px)))!important}
html[data-plaza-ui=widgets] body #onlineState{position:fixed;bottom:0;left:0;right:0;z-index:1000;box-sizing:border-box;margin:0;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))!important;background:#f4faf6;color:#174730;border-top:1px solid #aacbbb;font:12px/1.4 system-ui,sans-serif;text-align:center;overflow-wrap:anywhere}
.online-status-short{display:none}
#widgetUtilities a[href="/"]{white-space:nowrap}
@media(max-width:600px),(hover:none) and (pointer:coarse){
 body{padding-bottom:calc(var(--online-status-space,0px) + env(safe-area-inset-bottom,0px))!important}
 html[data-plaza-ui=widgets] body #onlineState{display:none;bottom:env(safe-area-inset-bottom,0px);padding:5px max(8px,env(safe-area-inset-right,0px)) 5px max(8px,env(safe-area-inset-left,0px))!important;font-size:11px;line-height:14px}
 /* No permanent phone footer. Only actionable errors/notices may overlay the page. */
 html[data-plaza-ui=widgets] body #onlineState[data-notice=true]{display:block}
 #onlineState .online-status-short{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 /* Keep the full date/year available to assistive technology without using a second line. */
 #onlineState .online-status-full{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
