[data-ui-surface="navigator"] .navigator-collaboration,
[data-ui-surface="navigator"] .navigator-chat,
[data-ui-surface="navigator"] .navigator-presentation {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

[data-ui-surface="navigator"] .navigator-presentation {
  overflow: hidden;
}

/* Tab visibility outranks the flex layout above. Without this explicit rule
   the inactive presentation body remains visible under the regular sheets
   body because author `display:flex` overrides the browser's hidden rule. */
[data-ui-surface="navigator"] :is(
  .navigator-collaboration,
  .navigator-chat,
  .navigator-presentation
)[hidden] {
  display: none;
}

[data-ui-surface="navigator"] .panel-empty {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--arhix-space-block);
  padding: var(--arhix-space-inset);
  padding-bottom: calc(var(--arhix-space-inset) + 2 * var(--arhix-header-height) + 2px);
  box-sizing: border-box;
  text-align: center;
}

[data-ui-surface="navigator"] .panel-empty__icon {
  color: var(--arhix-ink-faint);
}

[data-ui-surface="navigator"] .panel-empty__icon svg {
  width: 20px;
  height: 20px;
  display: block;
}

[data-ui-surface="navigator"] .panel-empty__text {
  margin: 0;
  color: var(--arhix-ink-muted);
  font: var(--arhix-font-weight-body) var(--arhix-font-size-body)/1.5 var(--arhix-font);
}

[data-ui-surface="navigator"] .pill-btn--flat {
  padding: 0;
  background: transparent;
}

[data-ui-surface="navigator"] .pill-btn--flat .pill-btn__pill {
  background: var(--arhix-surface);
  border-radius: var(--arhix-radius-control);
  box-shadow: none;
  transition: background var(--arhix-motion-quick) ease;
}

[data-ui-surface="navigator"] .pill-btn--flat:hover .pill-btn__pill,
[data-ui-surface="navigator"] .pill-btn--flat:active .pill-btn__pill {
  background: var(--arhix-surface-sunken);
  box-shadow: none;
}

[data-ui-surface="navigator"] .panel-empty .pill-btn--flat {
  flex: none;
  width: auto;
  margin: 0;
}

[data-ui-surface="navigator"] .panel-empty .pill-btn__pill {
  padding: 0 var(--arhix-space-block);
  white-space: nowrap;
}

[data-ui-surface="navigator"] .share-link-row {
  display: flex;
  align-items: center;
  gap: var(--arhix-space-gap);
  margin: var(--arhix-space-block) var(--arhix-space-inset) 0;
}

[data-ui-surface="navigator"] .share-link-row .inspector__field {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}

[data-ui-surface="navigator"] .share-links {
  max-height: calc(5 * (var(--arhix-control-height) + var(--arhix-space-gap)) + var(--arhix-space-block));
  overflow-y: auto;
}

[data-ui-surface="navigator"] .share-links .share-link-row + .share-link-row {
  margin-top: var(--arhix-space-gap);
}

[data-ui-surface="navigator"] .share-link-row.is-current .inspector__field,
[data-ui-surface="navigator"] .inspector__field--editable.is-active {
  box-shadow: inset 0 0 0 1px var(--arhix-accent);
}

[data-ui-surface="navigator"] .navigator-collaboration__selected .share-link-row {
  margin-top: var(--arhix-space-gap);
}

[data-ui-surface="navigator"] .inspector__field-text--state {
  color: var(--arhix-ink-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

[data-ui-surface="navigator"] .navigator-collaboration__list {
  flex: 0 1 auto;
  min-height: 0;
  width: 100%;
  box-sizing: border-box;
  overflow-y: auto;
}

[data-ui-surface="navigator"] .navigator-collaboration__list .panel__item {
  width: calc(100% - 2 * var(--arhix-space-inset));
}

[data-ui-surface="navigator"] .navigator-collaboration__list .panel__item:first-child {
  margin-top: var(--arhix-space-block);
}

[data-ui-surface="navigator"] .navigator-presentation > .sheets-list {
  /* Пока листов немного, ссылки идут сразу вслед за ними. Когда состав
     перестаёт помещаться, сжимается и прокручивается только список листов,
     поэтому блок ссылок остаётся видимым у его нижней границы. */
  flex: 0 1 auto;
  min-height: 0;
  overflow-y: auto;
}

[data-ui-surface="navigator"] .navigator-presentation__links {
  flex: none;
  background: var(--arhix-surface-raised);
}

[data-ui-surface="navigator"] .navigator-presentation__links > .panel__hr {
  display: block;
}

[data-ui-surface="navigator"] .navigator-presentation__links > .pill-btn {
  width: calc(100% - 2 * var(--arhix-space-inset));
}

[data-ui-surface="navigator"] .navigator-chat__heading {
  gap: var(--arhix-space-gap);
}
[data-ui-surface="navigator"] .navigator-chat__heading .inspector__field {
  flex: 1;
  min-width: 0;
  margin: 0;
}
[data-ui-surface="navigator"] .navigator-chat__participants {
  max-height: calc(100vh - 2 * var(--arhix-space-edge));
  overflow-y: auto;
}
[data-ui-surface="navigator"] .navigator-chat__messages {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: var(--arhix-space-block);
  padding: var(--arhix-space-block) var(--arhix-space-inset);
}
[data-ui-surface="navigator"] .navigator-chat__message {
  flex: none;
  align-self: flex-start;
  max-width: 90%;
  box-sizing: border-box;
  padding: var(--arhix-space-gap) var(--arhix-space-inset);
  border-radius: var(--arhix-radius-control) var(--arhix-radius-control) var(--arhix-radius-control) 0;
  background: var(--arhix-surface);
  color: var(--arhix-ink);
}
[data-ui-surface="navigator"] .navigator-chat__message--own {
  align-self: flex-end;
  border-radius: var(--arhix-radius-control) var(--arhix-radius-control) 0 var(--arhix-radius-control);
  background: var(--arhix-accent-tint);
}
[data-ui-surface="navigator"] .navigator-chat__text {
  margin: 0;
  font: var(--arhix-font-weight-body) var(--arhix-font-size-body)/1.5 var(--arhix-font);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
[data-ui-surface="navigator"] .navigator-chat__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--arhix-space-gap);
  margin-top: var(--arhix-space-gap);
  color: var(--arhix-ink-muted);
  font: var(--arhix-font-weight-body) var(--arhix-font-size-small)/1.4 var(--arhix-font);
}
[data-ui-surface="navigator"] .navigator-chat__author {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
[data-ui-surface="navigator"] .navigator-chat__time {
  flex: none;
  margin-left: auto;
}
[data-ui-surface="navigator"] .navigator-chat__reference {
  color: var(--arhix-accent);
}
[data-ui-surface="navigator"] .navigator-chat__composer {
  flex: none;
  margin: var(--arhix-space-block) var(--arhix-space-inset);
}
[data-ui-surface="navigator"] .navigator-chat__composer .inspector__field {
  height: auto;
  margin: 0;
  padding: var(--arhix-space-gap) var(--arhix-space-inset);
}
[data-ui-surface="navigator"] .navigator-chat__composer [data-ui-chat-draft] {
  line-height: 1.5;
  min-height: 36px;
  height: auto;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
[data-ui-surface="navigator"] .navigator-chat__composer .panel__actions {
  justify-content: space-between;
  margin-top: var(--arhix-space-gap);
}
[data-ui-surface="navigator"] [data-left-panel="chats"] :is(.panel__btn, .panel__item):disabled {
  cursor: default;
  background: transparent;
  color: var(--arhix-ink-faint);
}

[data-ui-surface="navigator"] [data-ui-chat-reference] { cursor: pointer; }
[data-ui-surface="navigator"] [data-ui-chat-draft]:empty::before {
  content: attr(aria-label);
  color: var(--arhix-ink-faint);
  pointer-events: none;
}

[data-ui-surface="navigator"] .navigator-chat__message[data-state="editing"] { box-shadow: inset 0 0 0 1px var(--arhix-accent); }
[data-ui-surface="navigator"] .navigator-chat__more.panel__btn {
  margin-left: auto;
  opacity: 0;
}
[data-ui-surface="navigator"] .navigator-chat__more + .navigator-chat__time { margin-left: 0; }
[data-ui-surface="navigator"] .navigator-chat__message:is(:hover, :focus-within) .navigator-chat__more,
[data-ui-surface="navigator"] .navigator-chat__more[aria-expanded="true"] { opacity: 1; }
@media (hover: none) { [data-ui-surface="navigator"] .navigator-chat__more.panel__btn { opacity: 1; } }