.topbar-start{display:flex;flex:1 1 210px;min-width:0;flex-direction:column;align-items:flex-start;gap:7px}
.profile-trigger{display:flex;align-items:center;gap:11px;min-height:58px;max-width:100%;padding:8px 13px 8px 9px;text-align:left;background:var(--surface);border:1px solid var(--edge);border-radius:4px}
.profile-trigger:hover{background:var(--surface-raised);border-color:var(--gold)}
.profile-avatar{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border:1px solid var(--edge);border-radius:50%;background:var(--surface-raised);color:var(--gold);font-size:14px;font-weight:700;letter-spacing:.5px}
.profile-avatar svg{width:19px;height:19px}
.profile-trigger-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.profile-trigger-copy strong{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.3;color:var(--copy)}
.profile-status{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.4;color:var(--copy-muted)}
.profile-status i,.account-auth-state i{flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:var(--copy-dim)}
.profile-trigger[data-state="signed-in"] .profile-status,.account-auth-state{color:#9bc5ac}
.profile-trigger[data-state="signed-in"] .profile-status i,.account-auth-state i{background:#9bc5ac}
.profile-trigger[data-state="attention"] .profile-status,.profile-trigger[data-state="pending"] .profile-status{color:var(--gold)}
.profile-trigger[data-state="attention"] .profile-status i,.profile-trigger[data-state="pending"] .profile-status i{background:var(--gold)}
.account-identity{display:flex;align-items:center;gap:17px;padding:3px 0 21px;margin-bottom:21px;border-bottom:1px solid var(--edge-soft)}
.profile-avatar-large{flex-basis:62px;width:62px;height:62px;font-size:22px}
.account-identity-copy{min-width:0}
.account-identity h3{margin:0 0 5px;color:var(--copy);font:700 20px/1.4 Manrope,Arial,sans-serif;overflow-wrap:anywhere}
#accountEmail{margin:0;color:var(--copy-muted);font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.account-auth-state{display:flex;align-items:center;gap:7px;margin:9px 0 0;font-size:11px;line-height:1.5}
.account-sync-panel{margin:16px 0 20px;padding:15px 17px;border:1px solid var(--edge-soft);border-radius:3px;background:var(--surface)}
.account-sync-panel .eyebrow{font-size:10px;letter-spacing:1px;color:var(--gold)}
.account-sync-panel .dialog-note{margin:9px 0 0}
.profile-trigger[hidden],.account-identity[hidden],.profile-avatar [hidden],#accountIntro[hidden],#accountEmail[hidden]{display:none}
@media(max-width:1100px){.topbar-start{flex-basis:100%;flex-direction:row;align-items:center;justify-content:space-between}.topbar-start .breadcrumb{max-width:none}.topbar .faction-control{margin-left:0}.topbar .top-actions{margin-left:auto}}
@media(max-width:760px){.topbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 9px}.topbar-start{grid-column:1/-1}.topbar .faction-control{margin:0;justify-self:start}.topbar .top-actions{min-width:0;margin:0;justify-content:flex-end}.profile-trigger{min-height:56px}.profile-trigger-copy strong{max-width:240px}}
@media(max-width:500px){.account-identity{gap:13px}.profile-avatar-large{flex-basis:50px;width:50px;height:50px;font-size:19px}.account-identity h3{font-size:18px}#accountEmail{font-size:12px}.account-sync-panel{padding:13px}.profile-trigger-copy strong{max-width:200px}}
@media(max-width:360px){.topbar .faction-control,.topbar .top-actions{grid-column:1/-1}.topbar .top-actions{justify-content:flex-start}}