html{min-height:100%;scrollbar-gutter:stable;background:#f7f9fd}html[data-theme=dark]{background:#0f172a;color-scheme:dark}html[data-theme=tech]{background:#071d2a;color-scheme:dark}html[data-theme=calm]{background:#f5f2ec}body{min-height:100vh}body[class] header,body header{min-height:96px;box-sizing:border-box;flex-wrap:wrap}main{min-height:calc(100vh - 150px)}
.global-navigation{position:relative;margin:0 0 0 auto;flex-shrink:0;font-size:14px}.global-navigation summary{cursor:pointer;border:1px solid var(--input-border);border-radius:8px;padding:10px 16px;color:var(--text);background:var(--surface);white-space:nowrap}.global-navigation-links{position:absolute;right:0;top:calc(100% + 8px);z-index:250;display:flex!important;flex-direction:column;align-items:stretch!important;gap:2px!important;width:270px;max-width:calc(100vw - 32px);max-height:70vh;overflow:auto;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:0 12px 32px #0003}.global-navigation-links a{padding:8px 10px;color:var(--text)!important;text-decoration:none;border-radius:6px;font-size:14px}.global-navigation-links a:hover,.global-navigation-links a[aria-current]{background:var(--accent-bg);color:var(--accent)!important}.navigation-group{margin:10px 10px 4px;font-size:12px;font-weight:650;color:var(--muted);overflow-wrap:anywhere}
body .board-header .context-select{min-width:180px;max-width:300px;flex:1;font-size:12px;font-weight:600;gap:6px}body .board-header .context-select select{border-radius:8px;font-size:14px;min-height:42px;text-overflow:ellipsis}#saveNotice{min-height:28px}#home-status{min-height:26px}body #home-status:not(:empty){margin:0 0 12px;padding:0;background:transparent}#projectSummary{min-height:24px}.settings-content{min-height:65vh}.page-loader{display:none;position:absolute;top:145px;left:max(24px,calc((100vw - 1350px)/2));right:max(24px,calc((100vw - 1350px)/2));color:var(--muted);pointer-events:none;z-index:5}.page-loading .page-loader{display:block}.page-loading main,.page-loading .page-heading,.page-loading .control-bar{visibility:hidden}.skeleton-line,.skeleton-columns>div{background:var(--surface-subtle);border:1px solid var(--border);border-radius:12px}.skeleton-line{height:46px;margin:24px 0}.skeleton-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.skeleton-columns>div{height:320px}#activity-entries{min-height:360px}.assignment-filter-note{font-size:12px;color:var(--muted)}
@media(max-width:760px){body header,body[class] header{min-height:96px;gap:12px!important}body .board-header .context-select{min-width:130px;max-width:none}.global-navigation{margin-left:auto}.skeleton-columns{grid-template-columns:1fr}.skeleton-columns>div:not(:first-child){display:none}.global-navigation-links{max-height:65vh}.home-header nav:not(.global-navigation-links){flex-wrap:wrap}header>a:last-child{margin-left:0}}
/* Board chrome must retain its height when the viewport gets narrow. */
.app>header,.app>.page-heading,.app>.control-bar,.app>#saveNotice,.app>footer{flex-shrink:0}.app>main{min-height:0}
@media(max-width:760px){body .board-header{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end}body .board-header h1{grid-column:span 3}body .board-header .home-link{text-align:right}body .board-header .context-select{grid-column:span 2;min-width:0}body .board-header :is(button,.toolbar-menu>summary,.global-navigation>summary){font-size:12px;padding:9px 7px}body .board-header .global-navigation{margin:0}body .board-header .global-navigation summary{width:100%;box-sizing:border-box}}

.navigation-workspace{display:flex;flex-direction:column;gap:6px;padding:8px 10px;font-size:12px;color:var(--muted)}.navigation-workspace select{width:100%;min-width:0;padding:8px;background:var(--surface);color:var(--text);border:1px solid var(--input-border);border-radius:6px}

/* Compact ownership and help footer for Home and the knowledge base. */
body .goflow-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 28px;border-top:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:12px;line-height:1.5}body .goflow-footer a{color:var(--accent)}

body .goflow-footer{font-size:11px;padding:12px 28px}body .footer-company{display:flex;align-items:center;gap:12px;min-width:0}body .footer-company img{object-fit:contain;flex-shrink:0}body .footer-company p{margin:0;line-height:1.6}body .footer-company address{font-style:normal;line-height:1.6}body .footer-company p:first-child{font-weight:600;color:var(--text)}

/* Align header actions with the controls below the workspace and board labels. */
body .board-header{align-items:flex-end}
body .board-header .context-select{margin:0;line-height:18px;gap:6px}
body .board-header .context-select select{height:42px;box-sizing:border-box}
body .board-header>:is(h1,.home-link,button),body .board-header>.toolbar-menu>summary,body .board-header>.global-navigation>summary{min-height:42px;box-sizing:border-box;display:flex;align-items:center}
body .board-header>h1{margin-top:0;margin-bottom:0}
body .board-header>.global-navigation{margin-top:0;margin-bottom:0}
body .control-bar>:is(input,select),body .control-bar>.toolbar-menu>summary{height:40px;min-height:40px;box-sizing:border-box}

body header .header-actions{display:flex;align-items:center;gap:10px;margin-left:auto;flex-shrink:0}
body header .header-actions>.global-navigation{margin:0}
body header .header-actions>button{margin:0}
@media(max-width:760px){
  body .board-header>:is(button,.toolbar-menu,.global-navigation){grid-column:span 2;min-width:0}
  body .board-header>:is(button,.toolbar-menu,.global-navigation)>summary{width:100%}
  body .board-header>button{justify-content:center}
  body .page-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
  body .page-actions>:is(button,.toolbar-menu){min-width:0;margin:0!important}
  body .page-actions .toolbar-menu>summary{height:40px;box-sizing:border-box}
}
@media(max-width:600px){
  body .control-bar #searchInput{flex-basis:100%;min-width:0}
  body .control-bar #viewSelect{flex:1;min-width:0}
}