.login-clock{display:flex;justify-content:center;width:100%;max-width:480px;margin:16px auto 24px}
.login-clock .shift-clock{display:block;width:100%!important;height:auto!important;max-width:480px;aspect-ratio:1}
#shared-login{max-width:520px;margin-inline:auto}
body:has(#login:not([hidden])) .greeting-row{display:block;text-align:center}
body:has(#login:not([hidden])) .header-status{max-width:100%;text-align:center}
body:has(#login:not([hidden])) .greeting-person h1{font-size:22px;line-height:1.2;margin:2px 0}
body:has(#login:not([hidden])) .header-status:has(#period:empty):has(#status:empty){display:none}