/* Отступы внутри содержимого: фон закреплённой шапки доходит до боковых панелей. */
.app-shell > .workspace {
  --workspace-gutter: 24px;
  padding-inline: 0;
}
.app-shell > .workspace > :is(.topbar, .main-content, .workspace-footer) {
  padding-inline: var(--workspace-gutter);
}
@media (min-width: 1700px) {
  .app-shell > .workspace { --workspace-gutter: 28px; }
}
@media (max-width: 1390px) {
  .app-shell > .workspace { --workspace-gutter: 18px; }
}
@media (max-width: 720px) {
  .app-shell > .workspace { --workspace-gutter: 12px; }
}
@media (max-width: 600px) {
  .app-shell > .workspace { --workspace-gutter: 14px; }
}
@media (max-width: 359px) {
  .app-shell > .workspace { --workspace-gutter: 10px; }
}

/* Поиск → календарь → обращения → заметки → телефония → уведомления. */
.header-tools > :is(.header-calendar, .header-support, .header-notes, .header-telephony) {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
}
.header-tools > :is(.header-calendar, .header-support)[aria-current="page"] {
  color: #226cea;
  background: linear-gradient(120deg, #eef4ff, #e8faf3);
  box-shadow: inset 0 0 0 1px #cce1ed;
}
.header-tools > .header-notes {
  color: #252d38;
  background: #fff;
  border: 1px solid #dfe7f2;
  box-shadow: 0 7px 18px rgba(34, 108, 234, .22);
}
.header-tools > .header-notes:hover {
  color: #252d38;
  background: #f4f7fb;
  transform: translateY(-1px);
}
.header-tools > .header-notes[aria-current="page"] {
  color: #252d38;
  box-shadow: 0 0 0 3px rgba(34, 108, 234, .16), 0 8px 20px rgba(1, 179, 125, .22);
}
.notes-header-mark { display: block; width: 25px; height: 19px; object-fit: contain; }
.header-tools > :is(.header-calendar, .header-support, .header-notes, .header-telephony):focus-visible {
  outline: 2px solid #226cea;
  outline-offset: 2px;
}

.notes-preview-workspace {
  height: calc(100dvh - 116px);
  min-height: 560px;
  margin-inline: calc(var(--workspace-gutter) * -1);
  overflow: hidden;
  border-top: 1px solid #e5ebf3;
  background: #f4f1eb;
}
.notes-preview-workspace > .empty-state { min-height: 100%; }
@media (max-width: 1100px) {
  .header-tools { min-width: 0; }
  .header-tools .search-wrap { min-width: 0; }
  .header-tools .global-search input { min-width: 0; }
}
@media (max-width: 600px) {
  .header-tools { gap: 6px; }
  .header-tools > .icon-btn {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    min-width: 44px;
  }
  .header-tools > .profile-btn {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    min-width: 44px;
    padding: 0;
    justify-content: center;
  }
  .header-tools > .profile-btn > .icon { display: none; }
  .header-tools .global-search {
    height: 44px;
    padding: 0 8px;
    gap: 6px;
  }
  .header-tools .global-search input { font-size: 16px; }
  .notes-preview-workspace {
    height: calc(100dvh - 174px);
    min-height: 500px;
  }
}