.mode-switch{display:flex;flex-shrink:0;border:1px solid var(--line);border-radius:4px;overflow:hidden}
.mode-switch button{font-size:11px;line-height:1;padding:8px 6px;color:var(--muted)}
.mode-switch button[aria-pressed=true]{color:var(--green);background:#78e7b710}
.mode-switch button:disabled{cursor:wait;opacity:.65}
.mode-message{padding:12px 32px 0;margin:0;line-height:1.5}
@media(max-width:750px){header{height:auto;min-height:63px;padding-top:8px;padding-bottom:8px;gap:6px}.header-right{min-width:0;max-width:75%;flex-wrap:wrap;justify-content:flex-end}.breadcrumb{flex:1}.mode-message{padding:12px 16px 0}}

.account-control{position:relative;flex-shrink:0}
.account-control summary{cursor:pointer;list-style:none;padding:0}
.account-control summary::-webkit-details-marker{display:none}
.account-panel{position:absolute;right:0;top:36px;z-index:20;width:190px;padding:12px;background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:var(--shadow)}
.account-panel p{font-size:12px;line-height:1.5;color:var(--muted);margin:0 0 8px}
.account-panel button{font-size:13px;padding:6px 0;color:var(--text)}
.account-panel button:disabled{cursor:wait;opacity:.65}

.overview-live .health-banner{border-color:var(--line);background:var(--panel)}