.support-environment-bar{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#153949;color:#fff;padding:9px 22px;border-bottom:0;font-size:13px}.support-environment-bar div{display:grid;gap:1px}.support-environment-bar small{font-size:11px;color:#d5e7ef}.support-environment-bar strong{font-size:15px}.support-environment-bar form{display:flex;gap:8px;align-items:center;margin-left:auto}.support-environment-bar select,.support-environment-bar button{height:34px;border:1px solid #9badb7;border-radius:5px;font-size:13px;padding:4px 10px;background:white;color:#153949}.support-environment-bar a{color:white}.support-environment-stale{position:fixed;inset:0;z-index:99999;background:#153949f7;color:white;display:grid;place-content:center;text-align:center;padding:30px}.support-environment-stale a{color:white;text-decoration:underline;font-size:20px}@media(max-width:700px){.support-environment-bar{padding:8px 12px;gap:8px}.support-environment-bar form{margin-left:0;flex-wrap:wrap}.support-environment-bar select{max-width:230px}}

.workspace-main .support-environment-bar{display:flex;flex-direction:row;justify-content:center;gap:8px 18px;text-align:center;padding:6px 20px;margin:0 0 8px}.support-environment-bar>div{width:auto;gap:0}.support-environment-bar strong{font-size:16px;line-height:1.3;overflow-wrap:anywhere}.support-environment-bar small{font-size:12px}.workspace-main .support-environment-bar form{margin:0;justify-content:center;flex-wrap:wrap}.workspace-topbar .language-switch{display:flex;gap:4px;align-items:center;margin:0;flex-shrink:0}.workspace-topbar .language-switch button{height:32px;min-width:36px;padding:4px 9px;font-size:12px;line-height:1.2;border-radius:5px}.workspace-topbar .language-switch .is-active{background:var(--brand-primary,#166b50);border-color:var(--brand-primary,#166b50);color:#fff}.language-switch button:focus-visible{outline:2px solid #153949;outline-offset:2px}

.support-environment-bar .support-environment-choice{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:auto;min-height:34px;padding:6px 12px;line-height:1.3;white-space:normal}.support-environment-bar .support-environment-choice.is-active{background:#d9edf5;border-color:#fff;color:#102f3d;box-shadow:0 0 0 2px #fff;font-weight:700}.support-environment-bar .support-ticket-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:12px;background:#153949;color:#fff;font-size:12px;font-weight:700}.support-environment-choice:focus-visible{outline:3px solid #ffc35b;outline-offset:3px}

/* Shared top bar: context, environment controls, language and presence. */
.workspace-main > .workspace-topbar{display:flex;height:auto;min-height:64px;align-items:center;justify-content:flex-start;gap:10px 16px;padding:10px 22px;flex-wrap:wrap}
.workspace-topbar > .support-environment-bar{flex:1 1 280px;min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:8px 12px;background:transparent;color:var(--ink,#22252e);border:0;padding:0;margin:0;text-align:left}
.workspace-topbar > .support-environment-bar form{justify-content:flex-start;gap:6px;min-width:0;flex-wrap:wrap}
.workspace-topbar > .support-environment-bar strong{font-size:14px}
.workspace-topbar .support-environment-choice.is-active{background:#d9edf5;border-color:#153949;color:#102f3d;box-shadow:none}
.workspace-topbar > .language-switch,.workspace-topbar > .presence-switch{margin:0}
.workspace-topbar > .platform-attribution{margin-left:auto}
@media(max-width:700px){.workspace-main > .workspace-topbar{padding:10px 12px;gap:10px}.workspace-topbar > .support-environment-bar{flex-basis:100%}.workspace-topbar > .platform-attribution{display:none}}
