.app-header { position: sticky; top: 0; z-index: 1000; display: flex; min-height: 3.8rem; align-items: center; justify-content: space-between; gap: .75rem; border-bottom: 1px solid var(--border); background: rgba(255, 255, 255, .96); padding: .5rem max(var(--space-page-inline), env(safe-area-inset-right)) .5rem max(var(--space-page-inline), env(safe-area-inset-left)); backdrop-filter: blur(10px); }
.brand { display: inline-flex; min-width: 0; min-height: var(--touch-target); align-items: center; gap: .65rem; color: var(--ink); font-size: 1.15rem; font-weight: 800; text-decoration: none; }
.brand img { width: 38px; height: 38px; flex: 0 0 auto; border-radius: .65rem; }
.header-actions { display: flex; min-width: 0; align-items: center; gap: .25rem; }
.header-actions form { margin: 0; }
.workspace-badge { display: none; max-width: 15rem; overflow: hidden; border-radius: 999px; background: var(--accent-soft); padding: .35rem .65rem; color: var(--accent-dark); font-size: .75rem; font-weight: 800; text-overflow: ellipsis; white-space: nowrap; }
.link-button { appearance: none; min-height: var(--touch-target); border: 0; background: transparent; padding: .55rem .65rem; color: var(--accent-dark); font-weight: 700; cursor: pointer; }
.page-shell { width: min(100%, var(--page-width)); min-width: 0; max-width: 100%; margin: 0 auto; padding: .9rem var(--space-page-inline) 1.5rem; }
.page-shell > * { min-width: 0; max-width: 100%; }
.bottom-nav { position: fixed; z-index: 1100; right: 0; bottom: 0; left: 0; display: flex; justify-content: space-around; border-top: 1px solid var(--border); background: white; padding: .3rem max(.5rem, env(safe-area-inset-right)) max(.3rem, env(safe-area-inset-bottom)) max(.5rem, env(safe-area-inset-left)); box-shadow: 0 -4px 18px rgba(0, 0, 0, .06); }
.bottom-nav a { display: flex; min-width: 0; min-height: var(--touch-target); flex: 1 1 0; flex-direction: column; align-items: center; justify-content: center; gap: .08rem; padding: .2rem .1rem; color: #48545e; font-size: .68rem; font-weight: 700; text-decoration: none; }
.bottom-nav span { color: var(--accent); font-size: 1.2rem; line-height: 1; }
.hero { display: flex; align-items: flex-start; justify-content: space-between; gap: .8rem; margin-bottom: .9rem; }
.hero > div, .page-heading > div { min-width: 0; }
.hero p, .page-heading p { margin: .35rem 0 0; }
.page-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: .8rem; margin-bottom: .85rem; }
.page-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .55rem; }
.page-actions form { margin: 0; }
.section-heading { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-bottom: .7rem; }
.section-heading > h2 { margin: 0; }
.section-heading > a { display: inline-flex; min-height: var(--touch-target); align-items: center; color: var(--accent-dark); font-weight: 800; }
.workspace-section { margin-bottom: 1rem; }