.account-controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;font-size:12px;line-height:1.4;min-width:0}
.account-status{display:inline-flex;align-items:center;gap:7px;color:#63715b;white-space:nowrap}
.account-status:before{content:'';width:6px;height:6px;border-radius:50%;background:#a2a798;flex-shrink:0}
.account-controls[data-state="signed-in"] .account-status:before{background:#66864f}
.account-controls[data-state="signed-out"] .account-status{color:#90602e}
.account-controls[data-state="signed-out"] .account-status:before{background:#bc8744}
.account-controls[data-state="unknown"] .account-status{color:#98644f}
.account-logout,.account-link{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:12px;color:#53624b;background:#fffdf7;border:1px solid #d4dacd;border-radius:8px;padding:7px 11px;text-decoration:none;cursor:pointer;min-height:34px;width:auto;margin:0}
.account-logout:disabled{opacity:.55;cursor:wait}.account-logout:hover,.account-link:hover{background:#e9eedf}.account-logout:focus-visible,.account-link:focus-visible{outline:2px solid #7d926a;outline-offset:3px}
.account-controls [hidden]{display:none!important}.top-actions{gap:18px}.login-account{position:absolute;top:24px;right:5%;left:5%;display:flex;justify-content:flex-end}.login-account+main{margin-top:45px}
@media(max-width:700px){.account-controls{font-size:10px;gap:6px}.account-logout,.account-link{font-size:11px;padding:6px 8px}.top-actions{gap:9px}.topbar:has(.account-controls){height:auto;min-height:68px;gap:12px;padding-top:10px;padding-bottom:10px;flex-wrap:wrap}.topbar .brand{flex-shrink:0}.topbar .brand-en{display:none}.login-account{top:18px}.login-account+main{margin-top:56px}}
@media(max-width:380px){.top-actions{flex-wrap:wrap;justify-content:flex-end}.topbar .top-actions{flex:1}.account-status{font-size:10px}.topbar>.brand{font-size:18px}.topbar>.brand img{width:28px;height:28px}}