/* The signed-in shell stays anchored while only the working content moves. */
@media screen {
  :root { --sc-banner-height:144px; }
  html { scroll-padding-top:calc(var(--sc-toolbar-height,52px) + var(--sc-banner-height) + 12px); }
  body .private-online-toolbar { position:fixed!important; inset:0 0 auto; width:auto; z-index:10000; }
  body .app { padding-top:calc(var(--sc-toolbar-height,52px) + var(--sc-banner-height))!important; }
  body .app>.top { position:fixed!important; top:var(--sc-toolbar-height,52px)!important; left:0; right:0; width:auto; z-index:20; }
  main :where(input,select,textarea,button,[tabindex]) { scroll-margin-top:calc(var(--sc-toolbar-height,52px) + var(--sc-banner-height) + 12px); }
}
@media screen and (min-width:1000px) {
  body .app>.top { left:230px; }
  body.sc-sidebar-compact .app>.top { left:88px; }
}
@media screen and (max-width:600px) {
  body .app>.top { padding:10px 12px; }
  .app>.top .toprow { gap:6px; }
  .app>.top h1 { margin:0 0 3px; font-size:19px; }
  .app>.top p { font-size:12px; }
  .app>.top #top-project-name { font-size:15px; line-height:1.25; }
  .app>.top .top-project-indicator { gap:1px; }
  .app>.top .top-project-indicator small { font-size:10px; }
}
@media screen and (max-height:500px) {
  body .app>.top { padding:8px 12px; }
  .app>.top .toprow { flex-direction:row; align-items:center; gap:12px; }
  .app>.top .toprow>div { flex:1 1 0; }
  .app>.top h1 { margin:0 0 2px; font-size:17px; }
  .app>.top p { font-size:11px; }
  .app>.top #top-project-name { font-size:13px; }
  .app>.top .desktop-section-context { margin-top:4px; }
}