/* Shared navigation. Scoped selectors prevent the legacy studio from changing
 * the geometry, type or touch targets of the public header. */
:root { --top: 80px; }
#appTopbar.common-header {
  --header-ink: var(--ink, var(--text, #f0f8ff));
  --header-muted: var(--muted, #afc5d5);
  --header-surface: var(--surface, var(--panel, #031c2c));
  --header-field: var(--surface-2, var(--surface2, var(--panel-alt, #052535)));
  --header-accent: var(--accent, #16e3f0);
  --header-line: var(--line, #285a6b);
  display: block;
  box-sizing: border-box;
  position: relative;
  z-index: 50;
  width: 100%;
  min-width: 0;
  height: var(--top);
  min-height: var(--top);
  flex: 0 0 var(--top);
  grid-column: 1 / -1;
  grid-row: 1;
  margin: 0;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--header-line);
  border-radius: 0;
  background: color-mix(in srgb, var(--header-surface) 97%, transparent);
  color: var(--header-ink);
  box-shadow: 0 1px 0 #ffffff05;
  font: 500 13px/1.4 var(--font-ui, 'Inter', 'Segoe UI', Arial, sans-serif);
  letter-spacing: 0;
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  isolation: isolate;
}
#appTopbar.common-header *, #appTopbar.common-header *::before, #appTopbar.common-header *::after { box-sizing: border-box; }
#appTopbar .common-header-inner { display: flex; align-items: center; gap: 16px; width: 100%; max-width: 1760px; height: 100%; min-width: 0; margin: 0 auto; padding: 0 24px; }
#appTopbar.common-header a { color: inherit; text-decoration: none; }
#appTopbar.common-header button, #appTopbar.common-header select { margin: 0; font-family: inherit; letter-spacing: 0; text-transform: none; }
#appTopbar.common-header svg { display: block; width: 19px; height: 19px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
#appTopbar.common-header a, #appTopbar.common-header button, #appTopbar.common-header select { -webkit-tap-highlight-color: transparent; touch-action: manipulation; }
#appTopbar.common-header :is(a,button,select):focus-visible { outline: 2px solid var(--header-accent); outline-offset: 3px; }
#appTopbar .common-brand { display: flex; align-items: center; flex: 0 0 auto; gap: 10px; min-height: 44px; width: auto; margin: 0; }
#appTopbar .common-brand-symbol { display: block; flex: 0 0 31px; width: 31px; height: 44px; }
#appTopbar .common-brand-copy { font: 400 28px/1.1 var(--font-display); letter-spacing: -.025em; white-space: nowrap; }
#appTopbar .common-brand-copy small { display: block; margin-top: 6px; color: var(--header-muted); font: 550 7px/1 var(--font-ui); letter-spacing: 1.25px; }
#appTopbar .common-primary-nav { display: flex; align-items: center; flex: 0 0 auto; gap: 5px; }
#appTopbar .common-primary-nav a { display: flex; align-items: center; gap: 7px; min-height: 44px; padding: 8px 11px; border-radius: 10px; color: var(--header-muted); }
#appTopbar .common-primary-nav svg { width: 16px; height: 16px; }
#appTopbar .common-primary-nav a[aria-current='page'] { background: color-mix(in srgb, var(--header-accent) 9%, transparent); color: var(--header-accent); }
#appTopbar .common-search { display: flex; align-items: center; gap: 9px; min-width: 44px; max-width: 286px; min-height: 44px; flex: 1 1 200px; padding: 9px 12px; border: 1px solid var(--header-line); border-radius: 11px; background: var(--header-field); color: var(--header-muted); font-size: 12px; text-align: start; cursor: pointer; }
#appTopbar .common-search span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
#appTopbar .common-search kbd { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; margin-inline-start: auto; padding: 2px 4px; border: 1px solid var(--header-line); border-radius: 4px; color: var(--header-muted); font: 10px/1.3 var(--font-ui); white-space: nowrap; }
#appTopbar .common-header-actions { display: flex; align-items: center; flex: 0 0 auto; gap: 12px; margin-inline-start: auto; min-width: 0; }
#appTopbar .common-member-actions, #appTopbar .common-guest-actions, #appTopbar .common-preferences { display: flex; align-items: center; gap: 8px; }
#appTopbar .common-preferences { border-inline-start: 1px solid var(--header-line); padding-inline-start: 12px; }
#appTopbar.common-header .common-action, #appTopbar.common-header .common-language {
  display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; gap: 7px;
  min-width: 44px; width: auto; height: 44px; min-height: 44px;
  margin: 0; padding: 9px 12px; border: 1px solid var(--header-line); border-radius: 10px;
  color: var(--header-ink); background: transparent; font: 550 12px/1.4 var(--font-ui); cursor: pointer;
  white-space: nowrap; box-shadow: none;
}
#appTopbar.common-header #topbarRecharge { height: 44px; min-height: 44px; margin: 0; padding: 9px 11px !important; font-size: 12px !important; color: var(--header-accent) !important; border-color: color-mix(in srgb, var(--header-accent) 42%, transparent) !important; background: color-mix(in srgb, var(--header-accent) 8%, transparent) !important; }
#appTopbar .common-credit { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 75px; min-height: 44px; padding: 8px; color: var(--header-ink); white-space: nowrap; border-radius: 10px; }
#appTopbar .common-credit > svg { width: 17px; height: 17px; color: var(--header-accent); }
#appTopbar .common-credit-values { display: grid; justify-items: start; gap: 1px; }
#appTopbar #pillBalanceTnd { color: var(--header-muted); font: 400 10px/1.3 var(--font-ui); font-variant-numeric: tabular-nums; }
#appTopbar #pillBalanceTnd[hidden] { display: none; }
#appTopbar.common-header #pillBalance { display: inline; min-width: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: var(--header-ink); font: 600 12px/1.4 var(--font-ui); font-variant-numeric: tabular-nums; white-space: nowrap; }
#appTopbar.common-header .common-icon { width: 44px; padding: 10px; }
#appTopbar.common-header #guideToggleApp { margin: 0; width: 44px !important; height: 44px; min-height: 44px; padding: 10px; border-color: transparent !important; color: var(--header-muted) !important; background: transparent !important; }
#appTopbar .common-theme { color: var(--header-muted); }
#appTopbar.common-header .common-language { width: 53px; padding: 9px 3px 9px 7px; color: var(--header-muted); border-color: transparent; }
#appTopbar.common-header #langSelect { height: 44px; min-height: 44px; padding: 9px 3px 9px 7px !important; border-color: transparent !important; color: var(--header-muted) !important; background: transparent !important; font-size: var(--ui-field-font-size, 12px) !important; }
#appTopbar.common-header select option { background: var(--header-surface); color: var(--header-ink); }
#appTopbar.common-header .common-login { border-color: transparent; }
#appTopbar.common-header .common-signup { border-color: var(--header-accent); color: var(--on-accent, #00212d); background: var(--header-accent); }
#appTopbar.common-header .common-menu-toggle { display: none; }
#appTopbar.common-header .common-action:hover, #appTopbar .common-primary-nav a:hover, #appTopbar .common-credit:hover, #appTopbar.common-header .common-language:hover, #appTopbar .common-search:hover { background: var(--header-field); color: var(--header-accent); }
#appTopbar.common-header .common-signup:hover { background: var(--header-accent); color: var(--on-accent, #00212d); filter: brightness(1.05); }
#appTopbar.common-header #guideToggleApp:hover, #appTopbar.common-header #langSelect:hover { background: var(--header-field) !important; color: var(--header-accent) !important; }
#appTopbar.common-header #studioTabbarToggle { width: 44px; padding: 10px; color: var(--header-accent); border-color: color-mix(in srgb, var(--header-accent) 42%, transparent); background: color-mix(in srgb, var(--header-accent) 10%, transparent); }
#appTopbar.common-header #studioTabbarToggle:hover { background: color-mix(in srgb, var(--header-accent) 19%, transparent); }
#appTopbar.common-header .common-primary-nav #studioTabbarToggle svg { display: block; width: 19px; height: 19px; }
body.public-mode #appTopbar.common-header #studioTabbarToggle { display: none; }
body.studio-nav-collapsed #tabbar { display: none !important; }
/* Match the Studio sidebar breakpoint, including 761–899px tablets. */
@media (min-width:761px) and (min-height:501px),(min-width:761px) and (pointer:fine),(min-width:761px) and (pointer:none){
  body.studio-nav-collapsed:not(.public-mode) .phone { grid-template-columns: minmax(0, 1fr); }
  body.studio-nav-collapsed:not(.public-mode) .phone > main { grid-column: 1; padding-inline-start: 22px; }
}
@media (max-width: 420px) {
  body[data-page='studio'] #appTopbar.common-header #topbarIncident { display: none; }
  body[data-page='studio'] #appTopbar.common-header #mobileIncident { display: flex; }
}
#appTopbar.common-header [data-header-checking],
#appTopbar.common-header:not([data-session='member']) [data-header-member],
#appTopbar.common-header:not([data-session='guest']) [data-header-guest] { display: none !important; }
#appTopbar.common-header[data-session='checking'] [data-header-checking] { display: flex !important; align-items: center; justify-content: center; gap: 8px; min-width: 75px; min-height: 44px; color: var(--header-muted); }
#appTopbar .common-mobile-menu { position: absolute; inset-inline-end: 20px; top: calc(100% + 8px); width: min(360px, calc(100vw - 24px)); max-height: var(--common-menu-max-height, calc(100dvh - var(--top) - 24px)); overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; padding: 8px 12px 12px; background: var(--surface-solid,var(--bg)); border: 1px solid var(--header-line); border-radius: 16px; box-shadow: 0 18px 50px #0004; }
#appTopbar .common-menu-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; position: sticky; top: -8px; z-index: 1; padding: 4px 0 8px 8px; background: var(--surface-solid,var(--bg)); font-weight: 650; }
#appTopbar .common-menu-close { display: grid; place-items: center; width: 44px; height: 44px; min-height: 44px; padding: 10px; border: 0; border-radius: 9px; background: transparent; color: inherit; cursor: pointer; }
#appTopbar .common-menu-section + .common-menu-section { border-top: 1px solid var(--header-line); margin-top: 10px; padding-top: 10px; }
#appTopbar .common-menu-section-title { margin: 0; padding: 5px 10px 7px; color: var(--header-muted); font-size: 11px; font-weight: 650; letter-spacing: .07em; text-transform: uppercase; }
#appTopbar .common-menu-items { display: grid; gap: 3px; }
#appTopbar .common-menu-workshops { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4px; }
#appTopbar .common-mobile-menu .common-menu-items > :is(a,button) { display: flex; justify-content: flex-start; align-items: center; gap: 10px; min-width: 0; min-height: 46px; padding: 10px; border: 0; border-radius: 9px; font: 500 13px/1.4 var(--font-ui,Inter,sans-serif); text-align: start; color: inherit; background: transparent; cursor: pointer; }
#appTopbar .common-mobile-menu .common-menu-items > :is(a,button) > svg { width: 21px; height: 21px; flex: 0 0 21px; stroke-width: 1.6; }
#appTopbar .common-mobile-menu .common-menu-items > :is(a,button) > span { min-width: 0; overflow-wrap: anywhere; text-align: start; }
#appTopbar .common-mobile-language > svg { width:21px; height:21px; flex:0 0 21px; }
#appTopbar .common-mobile-language > span { flex:1; }
#appTopbar .common-mobile-menu .common-menu-items > a[aria-current="page"] { background:var(--header-field); color:var(--header-accent); box-shadow:inset 3px 0 var(--header-accent); }
#appTopbar[dir="rtl"] .common-mobile-menu .common-menu-items > a[aria-current="page"] { box-shadow:inset -3px 0 var(--header-accent); }
#appTopbar .common-mobile-menu .common-menu-items > :is(a,button):hover, #appTopbar .common-menu-close:hover { color: var(--header-accent); background: var(--header-field); }
#appTopbar .common-mobile-menu .common-mobile-signup { color: var(--on-accent); background: var(--header-accent); }
#appTopbar .common-mobile-language { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0; padding: 6px 10px; min-height: 56px; font-size: 13px; }
#appTopbar .common-mobile-language select { min-width: 70px; min-height: 44px; width: auto; padding: 9px; background: var(--header-field); color: var(--header-ink); border: 1px solid var(--header-line); border-radius: 8px; font: inherit; }
#appTopbar.common-header [hidden] { display: none !important; }
.common-sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0; white-space: nowrap; }
@media (max-width: 1380px) {
  #appTopbar .common-header-inner { gap: 15px; padding-inline: 22px; }
  #appTopbar .common-search kbd { display: none; }
  #appTopbar.common-header #studioThemeName { display: none; }
  #appTopbar.common-header .common-theme { width: 44px; padding: 10px; }
}
@media (max-width: 1130px) {
  #appTopbar.common-header .common-reseller { display: none; }
  #appTopbar .common-header-inner { gap: 12px; padding-inline: 20px; }
  #appTopbar .common-search { flex: 0 0 44px; width: 44px; padding: 11px; }
  #appTopbar .common-search span { display: none; }
  #appTopbar.common-header #guideToggleApp { display: none; }
  #appTopbar.common-header .common-menu-toggle { display: inline-flex; }
  #appTopbar .common-header-actions { gap: 8px; }
  #appTopbar .common-preferences { padding-inline-start: 8px; }
}
@media (max-width: 900px) {
  /* Guest actions and translated labels must fit tablet widths. The navigation
     menu already contains help, theme and language preferences. */
  #appTopbar[data-session='guest'] .common-desktop-menu { display: none !important; }
  #appTopbar .common-search { display: none; }
  #appTopbar .common-primary-nav a { padding-inline: 9px; }
  #appTopbar .common-primary-nav svg { display: none; }
  #appTopbar.common-header #langSelect { display: none; }
  #appTopbar .common-brand-copy { font-size: 21px; }
  #appTopbar .common-brand-copy small { letter-spacing: .8px; font-size: 6.5px; }
}
@media (max-width:760px),(max-height:500px) and (pointer:coarse){
  :root { --top: 72px; }
  #appTopbar .common-header-inner { gap: 8px; padding-inline: 16px; }
  #appTopbar .common-brand { gap: 8px; }
  #appTopbar .common-brand-symbol { flex-basis: 26px; width: 26px; height: 39px; }
  #appTopbar .common-brand-copy { font-size: 20px; letter-spacing: -.7px; }
  #appTopbar .common-brand-copy small { font-size: 6px; letter-spacing: .7px; }
  #appTopbar .common-primary-nav, #appTopbar .common-search { display: none; }
  body[data-page='studio'] #appTopbar .common-primary-nav { display: flex; }
  body[data-page='studio'] #appTopbar .common-primary-nav [data-header-home] { display: none; }
  #appTopbar .common-header-actions { gap: 8px; }
  #appTopbar .common-member-actions, #appTopbar .common-guest-actions, #appTopbar .common-preferences { gap: 0; }
  #appTopbar .common-preferences { border: 0; padding: 0; }
  #appTopbar.common-header #topbarRecharge, #appTopbar.common-header .common-signup { display: none !important; }
  #appTopbar.common-header .common-menu-toggle { display: inline-flex; }
  #appTopbar.common-header .common-login { padding-inline: 4px; font-size: 11px; }
  #appTopbar .common-credit { min-width: 65px; gap: 5px; padding: 8px 0; }
  #appTopbar .common-credit > svg { width: 15px; height: 15px; }
  #appTopbar.common-header #pillBalance { font-size: 11px; }
  #appTopbar .common-mobile-menu { inset-inline-end: 12px; max-height: var(--common-menu-max-height, calc(100dvh - var(--top) - 88px - env(safe-area-inset-bottom))); }
}
@media (max-width: 380px) {
  #appTopbar .common-header-inner { padding-inline: 12px; gap: 6px; }
  #appTopbar .common-brand { gap: 6px; }
  #appTopbar .common-brand-copy { font-size: 18px; }
  #appTopbar .common-brand-copy small { font-size: 5.5px; letter-spacing: .5px; }
  #appTopbar .common-header-actions { gap: 5px; }
  #appTopbar .common-credit > svg { display: none; }
  #appTopbar .common-credit { min-width: 52px; }
}
@media (max-width: 350px) {
  #appTopbar .common-header-inner { padding-inline: 8px; gap: 4px; }
  #appTopbar .common-brand-symbol { width: 22px; flex-basis: 22px; }
  #appTopbar .common-brand-copy { font-size: 16px; letter-spacing: -.6px; }
  #appTopbar .common-brand-copy small { display: none; }
  #appTopbar .common-header-actions { gap: 4px; }
}
@media (prefers-reduced-motion: no-preference) {
  #appTopbar.common-header :is(a,button,select) { transition: background-color .15s ease, border-color .15s ease, color .15s ease; }
}
@media (forced-colors: active) {
  #appTopbar.common-header :is(button,select), #appTopbar .common-credit { border: 1px solid ButtonText; }
}
#appTopbar #workspacePayer { max-width: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* Public navigation uses the same control dimensions as the studio. */
#appTopbar[data-session='guest'][data-signup='closed'] .common-login { background:var(--header-accent); color:var(--on-accent); border-color:var(--header-accent); }
@media(max-width:1130px){#appTopbar .common-enterprise-public{display:none!important}}
@media (max-width:760px),(max-height:500px) and (pointer:coarse){
 body[data-page='studio'] #appTopbar .common-primary-nav{display:none}
 #appTopbar .common-member-actions [data-header-enterprise],#appTopbar .common-member-actions #topbarIncident,#appTopbar .common-preferences{display:none!important}
 #appTopbar #workspacePayer{max-width:88px;font-size:10px}
 #appTopbar .common-mobile-menu #mobileIncident{display:flex}
 body.studio-nav-collapsed:not(.public-mode) #tabbar{display:grid!important}
 #appTopbar[data-session='guest'] .common-preferences{display:none}
 #appTopbar.common-header .common-login{padding-inline:12px;font-size:12px}
}

#tabbar .studio-more-mobile{display:none}
@media (max-width:760px),(max-height:500px) and (pointer:coarse){
 body[data-page=studio] #tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:1fr;gap:4px;min-height:64px;padding:6px 8px max(6px,env(safe-area-inset-bottom));overflow:visible}
 body[data-page=studio] #tabbar>button{display:none!important}
 body[data-page=studio] #tabbar>button:is([data-go=chat],[data-go=image],[data-go=video],[data-go=audio],.studio-more-mobile){display:flex!important;min-width:0;min-height:48px;margin:0;padding:6px 3px;align-items:center;justify-content:center;flex-direction:column;gap:4px}
 body[data-page=studio] #tabbar>button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 body[data-page=studio] #tabbar svg{width:20px;height:20px}
 body[data-page=studio] #tabbar #tabInk{display:none}
}

/* Account and support actions stay separate from credits and workshop search. */
#appTopbar .common-account-toggle { gap:8px; white-space:nowrap; }
#appTopbar .common-header-popover { display:none; position:fixed; inset:auto; margin:0; width:300px; max-width:calc(100vw - 24px); max-height:calc(100dvh - var(--top) - 24px); overflow:auto; padding:12px; border:1px solid var(--header-line); border-radius:14px; background:var(--header-surface); color:var(--header-ink); box-shadow:0 16px 48px #0003; font:500 13px/1.4 var(--font-ui); }
#appTopbar .common-header-popover:popover-open { display:block; }
#appTopbar .common-header-popover::backdrop { background:transparent; }
#appTopbar .common-popover-heading { margin:4px 10px 6px; color:var(--header-muted); font-size:11px; font-weight:650; letter-spacing:.04em; text-transform:uppercase; }
#appTopbar .common-header-popover :is(a,button), #appTopbar .common-account-language { display:flex; align-items:center; gap:10px; width:100%; min-height:44px; margin:0; padding:10px; border:0; border-radius:8px; background:transparent; color:inherit; text-align:start; font:inherit; cursor:pointer; }
#appTopbar .common-header-popover :is(a,button):hover { background:var(--header-field); color:var(--header-accent); }
#appTopbar .common-header-popover .common-preferences { display:block; margin-top:8px; padding:10px 0 0; border:0; border-top:1px solid var(--header-line); }
#appTopbar .common-account-language { cursor:default; }
#appTopbar .common-account-language select { margin-inline-start:auto; min-height:32px; width:auto; }
#appTopbar .common-account-exit { margin-top:8px; padding-top:8px; border-top:1px solid var(--header-line); }
#appTopbar [data-signout-status] { margin:8px 10px; color:var(--header-muted); font-size:12px; }
#appTopbar [data-signout]:disabled { opacity:.6; cursor:wait; }
#appTopbar #mobileLogoutGroup { grid-column:1/-1; }
@media(max-width:1130px){#appTopbar .common-account-toggle #headerAccountLabel{display:none}#appTopbar .common-account-toggle{min-width:44px}}
@media(max-width:760px),(max-height:500px) and (pointer:coarse){#appTopbar .common-desktop-menu{display:none!important}}

#appTopbar.common-header .common-header-popover #guideToggleApp { display:flex; width:100%!important; height:auto; color:inherit!important; }
#appTopbar.common-header #headerSupportPanel #topbarIncident { display:flex; }
#appTopbar.common-header #headerAccountPanel #langSelect { display:inline-flex; }
#appTopbar.common-header #headerAccountPanel #studioThemeName { display:inline; }
#appTopbar.common-header #headerAccountPanel .common-theme { width:100%; }
/* Payer selection appears only for members of an active company. */
#appTopbar .workspace-choice[hidden]{display:none}
#appTopbar .workspace-choice{position:relative;display:flex;align-items:center;height:44px;min-width:0;max-width:170px;margin:0;color:var(--header-muted);font-size:11px}
#appTopbar .workspace-choice>span{position:absolute;inset-inline-start:10px;top:4px;line-height:13px;pointer-events:none}
#appTopbar .workspace-choice select{box-sizing:border-box;width:100%;min-width:95px;max-width:170px;height:44px;min-height:44px;margin:0;border:1px solid var(--header-line);border-radius:10px;background:var(--header-surface);color:var(--header-ink);padding-block:17px 3px;padding-inline:10px 24px;font-size:12px;line-height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#appTopbar .workspace-choice select:focus-visible{outline:2px solid var(--accent,#efc575);outline-offset:3px}
.workspace-switch-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:24px;border:1px solid var(--ui-control-border,var(--line,#314d61));border-radius:16px;background:var(--ui-surface,var(--surface,#0c1c28));color:var(--ui-text,var(--ink,#edf4fa))}
.workspace-switch-dialog::backdrop{background:#0009}
.workspace-switch-dialog h2{font-size:20px;margin:0 0 16px}.workspace-switch-dialog p{line-height:1.6;overflow-wrap:anywhere}.workspace-switch-target{font-weight:700}.workspace-switch-error{color:var(--danger,#ff9c9c)}
.workspace-switch-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap;margin-top:24px}.workspace-switch-actions button{min-height:44px;padding:10px 16px;border:1px solid var(--ui-control-border,var(--line,#314d61));border-radius:10px;background:var(--ui-surface,var(--surface,#0c1c28));color:var(--ui-text,var(--ink,#edf4fa));cursor:pointer}.workspace-switch-actions .workspace-switch-confirm{background:var(--accent,#efc575);color:var(--on-accent,#10212c)}
.workspace-switch-actions button:focus-visible{outline:2px solid var(--accent,#efc575);outline-offset:3px}.workspace-switch-actions button:disabled{opacity:.6;cursor:wait}
@media(max-width:760px){#appTopbar .workspace-choice{max-width:108px}#appTopbar .workspace-choice select{min-width:80px;max-width:108px}#appTopbar:has(.workspace-choice:not([hidden])) .common-brand-copy{display:none}#appTopbar:has(.workspace-choice:not([hidden])) .common-member-actions{gap:6px}}
@media(min-width:761px) and (max-width:1000px){#appTopbar:has(.workspace-choice:not([hidden])) .common-brand-copy,#appTopbar:has(.workspace-choice:not([hidden])) .common-recharge span{display:none}#appTopbar .workspace-choice{max-width:140px}}