html[data-role] #token-form,html[data-role] #connect,html[data-role] #face-token-form{display:none!important}
html[data-role=registration] nav a:not([href='/password']):not([href='/login']),html[data-role=registration] #face-device{display:none!important}
html[data-role=viewer] a[href='/link'],html[data-role=viewer] a[href='/devices'],html[data-role=viewer] #production-form,html[data-role=viewer] [data-do='return-hat']{display:none!important}
html[data-role=master] nav a[href='/link'],html[data-role=master] nav a[href='/dashboard'],html[data-role=master] nav a[href='/history']{display:none!important}
.auth-page{height:100dvh;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:0;background:#edf2fa;color:#12315e;font-family:system-ui,sans-serif}
.auth-box{box-sizing:border-box;background:white;border:1px solid #cad8eb;border-radius:20px;padding:24px;width:min(92vw,480px);display:grid;gap:12px}
.auth-box h1{font-size:24px;margin:0}.auth-box p{margin:0;font-size:14px}.auth-box form{display:grid;gap:12px;margin:0}
.auth-box label{display:grid;gap:5px;font-size:14px}.auth-box input,.auth-box button{box-sizing:border-box;width:100%;min-height:52px;font-size:18px;padding:10px;border:1px solid #aebfdb;border-radius:10px}
.auth-box button{background:#174cd5;color:white;font-weight:700}.auth-box [role=alert]{color:#b3261e;min-height:22px}
@media(max-height:500px){.auth-box{padding:14px;gap:6px;width:min(96vw,760px)}.auth-box form{grid-template-columns:1fr 1fr;gap:8px}.auth-box button{align-self:end}.auth-box h1{font-size:20px}.auth-box input,.auth-box button{min-height:46px}}
header nav{align-items:center}header nav a{white-space:nowrap}
@media(max-width:650px){html[data-role] header strong{display:none}html[data-role] header nav{gap:8px;font-size:11px}html[data-role] header time{display:none}}
@media(max-width:700px){html[data-role] header nav{flex-wrap:wrap;max-width:100%;min-width:0}html[data-role] header nav a{font-size:11px;padding:3px 0}}