.sync-topbar{border:0;background:transparent;cursor:pointer;padding:7px 9px;border-radius:7px}
.sync-topbar:hover{background:#edf7f5;color:#086f68}
.sync-topbar::before{content:"";width:7px;height:7px;background:#2dbb94;border-radius:50%;display:inline-block;margin-right:7px}
.login-shell{display:grid;place-items:center;min-height:calc(100vh - 90px)}
.login-card{width:min(100%,460px)}
.login-card h1{font-size:30px}
.login-card form{display:grid;gap:7px;margin-top:24px}
.login-card label{font-weight:700;font-size:13px;margin-top:10px}
.login-card input{border:1px solid #ccdae5;border-radius:9px;padding:12px 13px;width:100%;background:#fff}
.login-card input:focus{outline:2px solid #36b9a9;outline-offset:1px}
.login-card form button{margin-top:13px}
.sync-error{color:#a23d38;background:#fff1ef;border:1px solid #eac9c4;border-radius:8px;padding:10px 12px}
#sync-panel{scroll-margin-top:20px}
.password-details{border-top:1px solid #e2ebef;margin-top:22px;padding-top:16px}
.password-details summary{cursor:pointer;color:#087f78;font-weight:700}
.password-details form{display:grid;gap:10px;max-width:400px;margin-top:16px}
.password-details label{display:grid;gap:5px;font-size:13px;font-weight:700}
.password-details input{border:1px solid #ccdae5;border-radius:8px;padding:10px}
.password-details button{justify-self:start}
@media(max-width:760px){.topbar-right .sync-topbar{display:inline-flex;font-size:11px;max-width:175px}.login-shell{min-height:calc(100vh - 150px)}.topbar-right{gap:7px}}