/* 1724: existing Activity content now opens below its header button. */
.top-activity-btn{position:relative;flex:0 0 38px;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);font-size:21px}
.top-activity-btn:hover{border-color:var(--blue);background:var(--panel2)}
.top-activity-btn.has-attention{color:var(--warning,#d99722);border-color:currentColor}
.top-activity-btn.has-active{color:var(--blue,#60a5fa)}
.header-activity-count{position:absolute;right:-5px;top:-6px;min-width:17px;height:17px;box-sizing:border-box;padding:1px 4px;border-radius:10px;background:var(--blue,#2563eb);color:#fff;font-size:10px;font-weight:800;line-height:15px}
.header-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
.top-activity-btn.attention-pulse{animation:activityAnchorPulse .7s ease 2}
#activityBar{bottom:auto;left:auto;right:12px;top:66px;z-index:6000;min-width:0;max-width:calc(100vw - 16px);max-height:calc(100dvh - 80px);overflow:auto;overscroll-behavior:contain;transition:none}
#activityBar.minimized{display:none!important}
#activityBar .activity-bar-summary{min-height:46px;height:auto;padding-left:10px;padding-right:124px;box-sizing:border-box}
#activityBar .activity-panel-head{flex-wrap:wrap;align-items:flex-start}
#activityBar .activity-panel-head>div:first-child{flex:1 1 160px}
#activityBar .activity-panel-actions{flex-wrap:wrap}
#activityBar .activity-panel-head small{max-width:290px;line-height:1.4}
#activityBar .activity-bar-list{max-height:min(360px,50dvh)}
#activityBar .activity-bar-expand{display:none!important}
.studio-help-menu{position:fixed;z-index:6000;top:66px;right:12px;width:min(320px,calc(100vw - 16px));box-sizing:border-box;border:1px solid var(--line);border-radius:12px;padding:6px;background:var(--panel);color:var(--text);box-shadow:0 16px 42px rgba(2,6,23,.24);overflow:auto;overscroll-behavior:contain}
.studio-help-menu button{display:grid;gap:4px;width:100%;margin:0;padding:12px;text-align:left;border:0;background:transparent;border-radius:7px;color:var(--text)}
.studio-help-menu button:hover,.studio-help-menu button:focus-visible{background:var(--panel2);outline:2px solid var(--blue);outline-offset:-2px}
.studio-help-menu strong{font-size:13px;line-height:1.35}
.studio-help-menu small{font-size:12px;line-height:1.4;color:var(--muted);white-space:normal}
body.first-login-tour-active #studioHelpMenu{pointer-events:none;z-index:2599}
body.studio-home-active .tabs>#studioActivityBtn:not(.hidden){display:inline-flex!important}
body.studio-home-active .tabs>#studioActivityStatus{display:block!important}
/* The focused view now grows from the header, with motion disabled on request. */
.activity-focus-card{transform-origin:calc(100% - 32px) 24px}
@keyframes activityFocusIn{from{opacity:.2;transform:translate(20vw,-20vh) scale(.65)}to{opacity:1;transform:translate(0,0) scale(1)}}
@media(prefers-reduced-motion:reduce){.top-activity-btn,.top-activity-btn.attention-pulse,.activity-focus-layer.entering .activity-focus-card{animation:none!important;transition:none!important}.activity-spinner{animation:none!important;border-right-color:currentColor}}
@media(max-width:520px){#activityBar .activity-bar-summary{padding-right:118px}.top-activity-btn{flex-basis:34px;width:34px;height:34px}.studio-help-menu button{padding:11px}.activity-focus-head{flex-wrap:wrap}.activity-focus-head .activity-focus-actions{flex-wrap:wrap}.activity-focus-head .activity-focus-actions .small{display:inline-flex}}