/* Authenticated topbar only; public forms and shared business behavior are unchanged. */
.topbar[data-cw-topbar] {box-sizing:border-box;min-width:0;gap:20px}
.topbar[data-cw-topbar] .topbar-identity {display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.topbar[data-cw-topbar] .topbar-label {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.topbar[data-cw-topbar] .topbar-roles {display:flex;flex-wrap:wrap;gap:2px 10px;line-height:18px;font-size:12px}
.topbar[data-cw-topbar] .topbar-role {white-space:nowrap}
.topbar[data-cw-topbar] .topbar-account {min-width:20rem;max-width:55%;flex:0 1 55%;flex-wrap:nowrap;justify-content:flex-end}
.topbar[data-cw-topbar] .topbar-email {display:block;min-width:0;max-width:18rem;flex:0 1 18rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:36px;height:36px}
.topbar[data-cw-topbar] .topbar-account form {flex:none;margin:0}
.topbar[data-cw-topbar] .topbar-account .button-quiet {height:36px;padding:0 8px;white-space:nowrap;box-sizing:border-box}
.topbar-language {position:relative;flex:none;width:10rem;max-width:100%;font-size:13px}
.topbar-language summary {display:flex;align-items:center;justify-content:space-between;gap:8px;height:36px;padding:0 12px;border:1px solid var(--border);border-radius:var(--control-radius);box-sizing:border-box;cursor:pointer;list-style:none;white-space:nowrap}
.topbar-language summary::-webkit-details-marker {display:none}
.topbar-language ul {position:absolute;left:0;right:0;top:calc(100% + 4px);box-sizing:border-box;list-style:none;margin:0;padding:4px;background:var(--surface);border:1px solid var(--border);border-radius:var(--control-radius);box-shadow:0 4px 14px #00000016;z-index:20}
.topbar-language a {display:block;padding:8px;white-space:nowrap}
.topbar-language a[aria-current=true] {font-weight:700;background:var(--primary-soft)}
.topbar-language a:focus-visible {outline:2px solid var(--primary);outline-offset:-2px}

.topbar[data-cw-topbar] .topbar-contexts {display:flex;gap:12px;min-width:0;font-size:12px;line-height:16px}
.topbar[data-cw-topbar] .topbar-context {display:flex;flex:1;gap:3px;min-width:0;white-space:nowrap}
.topbar[data-cw-topbar] .topbar-context-label {flex:none}
.topbar[data-cw-topbar] .topbar-context-value {min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}