.topbar-actions{display:flex;align-items:center;gap:10px}.user-chip{font-size:12px;font-weight:700;background:#edf3ee;padding:8px 10px;border-radius:99px}.logout-form{padding:0;background:none}.logout-form button{border:1px solid #dce6dd;background:#fff;border-radius:7px;padding:7px 9px;cursor:pointer}.login-page{min-height:100vh;display:grid;place-items:center;overflow:auto;background:#edf3ee}.login-card{width:min(420px,calc(100% - 32px));background:#fff;padding:32px;border-radius:16px;box-shadow:0 16px 60px #17312722}.login-card h1{font-size:25px;margin:8px 0}.login-help{color:#64736b;margin:0 0 24px}.login-form{padding:0;background:none}.login-notice{padding:12px;background:#fff6df;border-radius:8px;font-size:13px;margin-bottom:14px}.login-error{color:#a22;font-weight:700;font-size:13px}
@media(max-width:700px){.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.user-chip{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
.offline-status{border:0;border-radius:99px;padding:7px 10px;background:#edf3ee;color:#176b45;font-size:11px;font-weight:800;cursor:pointer}.offline-status.offline{background:#fff1d6;color:#8a5700}.offline-status.pending{background:#fff1d6;color:#8a5700}.offline-status.error{background:#ffe3e0;color:#9c2922}
.my-location-button{position:absolute;right:10px;bottom:26px;z-index:850;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;padding:0;background:#fff;color:#44504a;box-shadow:0 2px 8px #1d352844;cursor:pointer}.my-location-button svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.my-location-button .location-dot{fill:#1a73e8;stroke:#1a73e8}.my-location-button:hover,.my-location-button.active{color:#1a73e8}.my-location-button.loading svg{animation:location-spin 1s linear infinite}.my-location-button.error{color:#b33}.my-location-button:disabled{opacity:.7;cursor:wait}@keyframes location-spin{to{transform:rotate(360deg)}}