/* Frame trims only the original white margins; the artwork keeps its ratio. */
.brand-art{display:block;width:100%;aspect-ratio:4/1;overflow:hidden}
.brand-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.brand-home{display:flex;align-items:center;flex:0 0 auto;width:176px;min-height:44px;text-decoration:none}
.brand-home:focus-visible{outline:3px solid #2a7c45;outline-offset:4px;border-radius:4px}
.dispatch-mode .dispatch-topbar,.driver-mode .worker-topbar,.master-mode .worker-topbar{background:#fff}
.auth-logo{width:min(100%,320px);margin:0 auto 28px}
.auth-card h1{font-size:20px;font-weight:600;letter-spacing:0;margin:0 0 24px;color:#354353}
.login-mode .auth-submit{background:#087e27}
.login-mode .auth-submit:hover{background:#066520}
.login-mode .auth-submit:focus-visible{outline:3px solid #a6d6b2;outline-offset:3px}
@media(max-width:650px){
 .brand-home{width:144px}
 .dispatch-mode .dispatch-topbar{gap:8px}
 .dispatch-mode .dispatch-topbar .identity{order:2;width:100%;max-width:100%;margin:0;white-space:normal}
 .dispatch-mode .dispatch-topbar .account-link{margin-left:auto}
 .driver-mode .worker-topbar,.master-mode .worker-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px 12px}
 .worker-topbar .brand-home{grid-column:1;grid-row:1;margin:0}
 .driver-mode .worker-topbar>form,.master-mode .worker-topbar>form{grid-column:3;grid-row:1;margin:0}
 .worker-topbar>a[href="/password"]{grid-column:2;grid-row:1}
 .worker-topbar .identity{grid-column:1/-1;grid-row:2;width:auto;min-width:0;overflow-wrap:anywhere}
 .worker-topbar>a[href="/driver/settings"]{grid-column:1/-1;grid-row:3;justify-self:start;padding:4px 0}
 .auth-logo{margin-bottom:24px}
 .auth-card input{font-size:16px}
}