.document-header{border-bottom:var(--app-border-muted);background:var(--app-white);z-index:20;align-items:center;gap:8px;min-height:44px;padding:6px 12px;display:flex;position:sticky;top:58px}@media (max-width:700px){.document-header{top:54px}}.document-header-name{align-items:center;gap:7px;min-width:0;margin-right:auto;font-size:13px;font-weight:600;display:flex}.document-header-name .project-navigation-rename{min-width:200px}.document-header-name>svg{flex-shrink:0}.document-header-name>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.document-header-status{color:var(--app-muted);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;font-size:12px;display:flex}.document-header-status .document-sync-warning{color:var(--app-ink)}.document-header>.mantine-Button-root{flex-shrink:0}.document-header-overflow{flex-shrink:0;position:relative}.document-header-overflow>summary{list-style:none}.document-header-overflow>summary::-webkit-details-marker{display:none}.document-header-options{z-index:40;border:var(--app-border-muted);background:var(--app-white);border-radius:8px;gap:12px;width:220px;padding:12px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 28px #0002}.document-header-options>.mantine-Button-root{justify-content:flex-start}@media (max-width:640px){.document-header{gap:6px;padding-inline:8px}.document-header-name{flex-basis:40px}.document-header-status{gap:5px;font-size:11px}.document-header-status>[role=status]{max-width:115px}}.document-header .mantine-Button-root{min-height:30px;box-shadow:none;padding:4px 8px;font-size:12px}.document-header>.mantine-Button-root,.document-header-overflow>summary{background:0 0;border-color:#0000}.document-header>.mantine-Button-root:hover,.document-header-overflow>summary:hover{background:var(--app-row-hover)}.document-header-status{flex-shrink:1;min-width:0}.document-header-status>[role=status]{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.document-header-status>button{flex-shrink:0}.document-header-path{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.document-header-project-menu{flex:0 auto;min-width:0}.document-header-project-menu>summary{min-width:0;max-width:24ch;color:var(--app-muted);align-items:center;gap:5px;display:flex}.document-header-project-menu>summary>span,.document-header-project-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.document-header-project-menu>summary>svg{flex-shrink:0}.document-header-project-menu>.document-header-options{left:0;right:auto}.document-header-project-name{max-width:24ch;color:var(--app-muted);font-size:12px}.document-header-separator{color:var(--app-muted);font-size:12px}.document-header-name{flex:0 auto;margin-right:0}.document-header-status{max-width:45%;margin-left:auto}.document-header-status>.document-sync-warning{white-space:normal;color:var(--app-error)}.document-header>.mantine-ActionIcon-root{flex-shrink:0}@media (max-width:640px){.document-header{flex-wrap:wrap}.document-header-path{flex-basis:100px;gap:4px}.document-header-project-menu>summary,.document-header-project-name{max-width:12ch}.document-header-status{max-width:100%}.document-header-status:has(.document-sync-warning){flex-basis:100%;order:2;justify-content:flex-start}.document-header-status>.document-sync-warning{max-width:none}}.document-sync-control{align-items:center;gap:6px;min-width:0;display:flex}.document-sync-icon{width:30px;height:30px;color:var(--app-muted);box-shadow:none;background:0 0;border:0;border-radius:5px;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.document-sync-icon:hover{background:var(--app-hover);color:var(--app-ink)}.document-sync-details{white-space:pre-line;overflow-wrap:anywhere;max-width:320px;font-size:12px;line-height:1.6}.document-sync-control>[role=status]{white-space:nowrap;text-overflow:ellipsis;max-width:260px;overflow:hidden}.document-sync-warning{color:var(--app-error)}.document-sync-control .document-header-overflow>summary{width:30px;height:30px;color:var(--app-muted);justify-content:center;align-items:center;padding:0;display:flex}.app-layout.is-zen .document-sync-control .document-header-overflow{display:block}.favorite-star{box-shadow:none;border-radius:var(--mantine-radius-default,4px);background:0 0;border:0}.favorite-star:hover:not(:disabled){background:var(--mantine-color-gray-light-hover,var(--app-accent-soft))}.favorite-star.is-favorite{color:var(--app-accent)}.document-header-star{width:30px;height:30px;color:var(--app-muted);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.document-header-star.is-favorite{color:var(--app-accent)}.document-header .zen-toggle:not([aria-pressed=true]),.document-header .document-header-overflow:not(.document-header-project-menu)>summary{--button-height:30px;width:30px;min-width:30px;height:30px;min-height:30px;box-shadow:none;color:var(--app-muted);background:0 0;border:0;padding:0}.document-header .zen-toggle:hover,.document-header .document-header-overflow:not(.document-header-project-menu)>summary:hover,.document-header .mantine-ActionIcon-root:hover{background:var(--mantine-color-gray-light-hover,var(--app-accent-soft));color:var(--app-ink)}.document-presence{flex-shrink:0;margin-right:4px}