.web-account-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.web-account-navigation a,.web-account-navigation button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid #505050;border-radius:10px;background:#202020;color:#fafafa;font:inherit;text-decoration:none}.web-account-navigation form{margin:0}.web-account-navigation a:hover,.web-account-navigation button:hover{background:#343434;border-color:#ff9c59}.web-account-navigation :is(a,button):focus-visible{outline:3px solid #ffad76;outline-offset:3px}.web-account-navigation button{cursor:pointer}.web-account-navigation button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:600px){.web-auth-header{flex-wrap:wrap}.web-account-navigation{width:100%;gap:8px}.web-account-navigation a,.web-account-navigation form{flex:1}.web-account-navigation button{width:100%}}

/* Landing account control; native details works without JavaScript. */
.account-dropdown{position:relative;flex:none}
.account-dropdown>summary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;list-style:none;cursor:pointer;background:#ff8533;color:#101010;border:1px solid #ff8533;border-radius:10px;padding:10px 16px;font:inherit;font-weight:700}
.account-dropdown>summary::-webkit-details-marker{display:none}
.account-dropdown>summary:hover{background:#ff9c59;border-color:#ff9c59}
.account-dropdown[open] .account-chevron{transform:rotate(180deg)}
.account-dropdown-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:30;min-width:220px;padding:8px;border:1px solid #505050;border-radius:12px;background:#181818;box-shadow:0 12px 32px #0009}
.account-dropdown-panel a,.account-dropdown-panel button{display:flex;align-items:center;width:100%;min-height:44px;padding:12px;border:0;border-radius:7px;background:transparent;color:#fafafa;text-align:left;text-decoration:none;font:inherit;box-sizing:border-box;cursor:pointer}
.account-dropdown-panel form{margin:0}
.account-dropdown-panel a:hover,.account-dropdown-panel button:hover{background:#303030;color:#ffad76}
.account-dropdown :is(summary,a,button):focus-visible{outline:3px solid #ffad76;outline-offset:3px}
.account-dropdown-panel button:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:999px){.nav-links>.account-dropdown{width:100%;margin-top:8px}.nav-links>.account-dropdown>summary{width:100%;box-sizing:border-box}.nav-links .account-dropdown-panel{position:static;min-width:0;margin-top:8px;box-shadow:none}}