/* One shared header layout for every module and record page. */
#app .app-header {
  position:sticky; top:0; z-index:40; display:flex; align-items:center; flex-wrap:nowrap;
  box-sizing:border-box; height:calc(var(--header-h) + var(--safe-t)); min-height:calc(var(--header-h) + var(--safe-t));
  gap:8px; padding:var(--safe-t) 16px 0; background:var(--surface);
  backdrop-filter:none; -webkit-backdrop-filter:none;
}
#app .app-header__title { display:flex; align-items:baseline; gap:12px; flex:1 1 0; min-width:0; overflow:hidden; }
#app .app-header__title h1 { flex:0 1 auto; min-width:0; margin:0; font-size:var(--fs-xl); line-height:1.3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#app .app-header__title .sub { min-width:0; flex:0 1 auto; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#app #header-back { flex:none; }
#app #header-back:empty, #app #header-actions:empty, #app .app-header .sub:empty { display:none; }
#app .app-header__actions { flex:none; display:flex; align-items:center; gap:6px; margin:0; }
#app .app-header .btn { flex:none; min-height:38px; height:38px; }
#app .app-header .btn--icon { width:38px; padding:0; }
#app .app-header .header-mobile-actions { display:none; }
.header-actions-dialog { --surface:var(--wz-surface); --surface-sunken:var(--wz-surface-hover); --text:var(--wz-text); --text-muted:var(--wz-text-secondary); --border:var(--wz-border); }
.header-actions-dialog .sheet { background:var(--wz-surface); color:var(--wz-text); }
@media (min-width:900px) { #app .app-header { padding-inline:26px; } }
@media (max-width:899px) {
  #app .app-header { padding-inline:12px; gap:6px; }
  #app .app-header__title .sub { display:none; }
  #app .app-header__title h1 { flex:1; }
  #app .app-header #header-actions[data-mobile-actions='0'] { display:none; }
  #app .app-header #header-actions[data-mobile-actions='multiple'] .header-action { display:none; }
  #app .app-header .header-mobile-actions { display:inline-flex; }
  #app .app-header .header-action__label { display:none; }
  #app .app-header .header-action { width:38px; padding:0; }
  #app .app-header .is-desktop-only { display:none; }
}

/* Edit actions remain visible, including on narrow screens. */
#app .app-header--editing #header-actions[data-mobile-actions] .header-action { display:inline-flex; width:auto; padding:0 12px; }
#app .app-header--editing .header-action__label { display:inline; }
@media(max-width:899px) {
  #app .app-header--editing #header-chat, #app .app-header--editing #header-bell { display:none; }
  #app .app-header--editing .header-action .icon { display:none; }
  #app .app-header--editing .app-header__title h1 { font-size:18px; }
}

.edit-sheet-header { display:flex; flex-wrap:wrap; align-items:center; gap:12px; padding:16px 48px 16px 20px; border-bottom:1px solid var(--border); }
.sheet .edit-sheet-header .sheet__title { flex:1; padding:0; margin:0; border:0; font-size:20px; }
.edit-sheet-header__actions { display:flex; gap:8px; margin-left:auto; }
.edit-sheet-header__actions button { min-height:38px; }