/* Страница Help Center. Статы, карточки, таблица, списки, поиск, селекты и вкладки — компоненты каталога; раскладка повторяет Insights и Notifications, здесь только пути, статьи, ридер, статус и переписка раздела. */

.nv-hlp {
  display: grid;
  gap: 24px;
  min-width: 0;
  padding-block-end: 48px;
  color: var(--nv-table-text);
  font-family: var(--lib-font-primary);
  container: nv-hlp / inline-size;
}

.nv-hlp__stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.nv-hlp__layout { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, var(--nv-aside-w)); gap: 24px; align-items: start; }
.nv-hlp__main,
.nv-hlp__aside,
.nv-hlp__stack,
.nv-hlp-details { display: grid; gap: 24px; min-width: 0; align-content: start; }
.nv-hlp__stack--library,
.nv-hlp__stack--context {
  gap: 24px;
  padding: 0;
  background: transparent;
}
.nv-hlp-scope { min-width: 0; }
.nv-hlp-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; min-width: 0; }
.nv-hlp [data-nv-plan-view][hidden],
.nv-hlp [data-nv-plan-detail][hidden] { display: none; }
.nv-hlp-empty { margin: 4px 0 0; color: var(--nv-table-head); font-size: var(--nv-type-callout-size); letter-spacing: var(--nv-type-callout-tracking); line-height: var(--nv-type-callout-line); }
.nv-hlp-paths .nv-hlp-bone--tile { height: 76px; margin: 0; border-radius: 16px; }
.nv-hlp-lock { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 10px; background: var(--nv-card-tile); color: var(--nv-table-head); }
.nv-hlp-time { color: var(--nv-table-head); font-size: var(--nv-type-footnote-size); letter-spacing: var(--nv-type-footnote-tracking); font-variant-numeric: tabular-nums; white-space: nowrap; }
.nv-hlp-block { display: inline-flex; width: 100%; align-items: center; justify-content: center; margin-block-start: 16px; text-decoration: none; }

.nv-hlp-notice { display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 12px; padding: 14px 16px; border-radius: 1.25rem; background: var(--nv-table-pending-soft); }
.nv-hlp-notice__icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 12px; background: var(--nv-card-bg, transparent); color: var(--nv-table-pending); }
.nv-hlp-notice__title { margin: 0; font-size: var(--nv-type-body-size); letter-spacing: var(--nv-type-body-tracking); font-weight: var(--nv-type-weight-semibold); }
.nv-hlp-notice__copy { margin: 2px 0 0; color: var(--nv-table-cell); font-size: var(--nv-type-callout-size); letter-spacing: var(--nv-type-callout-tracking); line-height: var(--nv-type-callout-line); }

.nv-hlp-paths { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
.nv-hlp-path { display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 12px; min-width: 0; padding: 10px 12px; border-radius: 16px; background: transparent; color: inherit; text-decoration: none; transition: background-color 150ms ease; }
.nv-hlp-path:hover { background: var(--nv-table-row-hover); }
.nv-hlp-path__icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--nv-table-avatar); color: var(--nv-table-avatar-text); }
.nv-hlp-path__body { display: grid; gap: 2px; min-width: 0; }
.nv-hlp-path strong { overflow: hidden; font-size: var(--nv-type-body-size); letter-spacing: var(--nv-type-body-tracking); font-weight: var(--nv-type-weight-semibold); text-overflow: ellipsis; white-space: nowrap; }
.nv-hlp-path small { color: var(--nv-table-head); font-size: var(--nv-type-footnote-size); letter-spacing: var(--nv-type-footnote-tracking); line-height: var(--nv-type-footnote-line); }

.nv-hlp-tools { display: flex; min-width: 0; flex: 1 1 auto; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 8px; margin: 0; }
.nv-hlp-search { flex: 1 1 220px; min-width: 0; }
.nv-hlp-tools--table { margin: 0; }
.nv-hlp-articles-card > .nv-o-card__head { align-items: center; }
.nv-hlp-articles-card > .nv-o-card__head .nv-hlp-search { flex: 0 1 240px; }

.nv-hlp-articles { display: grid; gap: 2px; margin: 0 -12px; padding: 0; list-style: none; }
.nv-hlp-article[hidden] { display: none; }
.nv-hlp-article__main { display: grid; width: 100%; grid-template-columns: 36px minmax(0, 1fr) auto 44px; align-items: center; gap: 12px; padding: 10px 12px; border: 0; border-radius: 1rem; background: transparent; color: inherit; font: inherit; text-align: start; cursor: pointer; transition: background-color 150ms ease; }
.nv-hlp-article__main:hover,
.nv-hlp-article.is-selected .nv-hlp-article__main { background: var(--nv-table-row-selected); }
.nv-hlp-article__icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--nv-table-avatar); color: var(--nv-table-avatar-text); }
.nv-hlp-article__title { overflow: hidden; color: var(--nv-table-text); font-size: var(--nv-type-body-size); letter-spacing: var(--nv-type-body-tracking); font-weight: var(--nv-type-weight-medium); text-overflow: ellipsis; white-space: nowrap; }
.nv-hlp-article .nv-hlp-time { text-align: end; }
.nv-hlp-none { display: grid; justify-items: center; gap: 6px; padding: 24px 12px; text-align: center; }
.nv-hlp-none[hidden] { display: none; }
.nv-hlp-none__title { margin: 0; font-size: var(--nv-type-headline-size); letter-spacing: var(--nv-type-headline-tracking); font-weight: var(--nv-type-headline-weight); }
.nv-hlp-none .product-button { margin-block-start: 8px; }

.nv-hlp-reader .nv-o-card__title { line-height: 1.35; }
.nv-hlp-reader-empty { display: grid; min-height: 240px; align-content: center; justify-items: center; gap: 6px; text-align: center; }
.nv-hlp-details:has([data-nv-plan-detail]:not([hidden])) > .nv-hlp-reader-empty { display: none; }
.nv-hlp-reader-empty__icon { display: grid; width: 44px; height: 44px; margin-block-end: 6px; place-items: center; border-radius: 50%; background: var(--nv-table-avatar); color: var(--nv-table-avatar-text); }
.nv-hlp-reader-empty h3 { margin: 0; font-size: var(--nv-type-headline-size); letter-spacing: var(--nv-type-headline-tracking); font-weight: var(--nv-type-headline-weight); }
.nv-hlp-reader-empty p { margin: 0; color: var(--nv-table-head); font-size: var(--nv-type-callout-size); letter-spacing: var(--nv-type-callout-tracking); line-height: var(--nv-type-callout-line); }
.nv-hlp-steps { display: grid; gap: 10px; margin: 16px 0 0; padding: 0; list-style: none; counter-reset: nv-hlp-step; }
.nv-hlp-steps li { display: grid; grid-template-columns: 24px minmax(0, 1fr); gap: 10px; color: var(--nv-table-cell); font-size: var(--nv-type-callout-size); letter-spacing: var(--nv-type-callout-tracking); line-height: var(--nv-type-callout-line); counter-increment: nv-hlp-step; }
.nv-hlp-steps li::before { content: counter(nv-hlp-step); display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--nv-table-well); color: var(--nv-table-text); font-size: var(--nv-type-footnote-size); letter-spacing: var(--nv-type-footnote-tracking); font-weight: var(--nv-type-weight-semibold); }
.nv-hlp-helpful { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; margin-block-start: 16px; color: var(--nv-table-head); font-size: var(--nv-type-footnote-size); letter-spacing: var(--nv-type-footnote-tracking); }
.nv-hlp-helpful > div { display: flex; gap: 4px; }

.nv-hlp-news { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
.nv-hlp-news li { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 12px; padding: 8px 0; }
.nv-hlp-news__date { padding-block-start: 1px; color: var(--nv-table-head); font-size: var(--nv-type-footnote-size); letter-spacing: var(--nv-type-footnote-tracking); font-variant-numeric: tabular-nums; }
.nv-hlp-news__title { margin: 0; font-size: var(--nv-type-body-size); letter-spacing: var(--nv-type-body-tracking); font-weight: var(--nv-type-weight-medium); }
.nv-hlp-news__copy { margin: 2px 0 0; color: var(--nv-table-head); font-size: var(--nv-type-callout-size); letter-spacing: var(--nv-type-callout-tracking); line-height: var(--nv-type-callout-line); }

.nv-hlp-card .nv-o-card__head { flex-wrap: wrap; row-gap: 10px; }
.nv-hlp-card .nv-o-card__head > :first-child { white-space: nowrap; }
.nv-hlp-card .nv-o-list-row__title,
.nv-hlp-card .nv-o-list-row__sub { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nv-hlp-channel { width: 100%; border: 0; border-radius: 1rem; background: transparent; color: inherit; font: inherit; text-align: start; text-decoration: none; cursor: pointer; }

.nv-hlp-status { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
.nv-hlp-status li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 0; font-size: var(--nv-type-body-size); letter-spacing: var(--nv-type-body-tracking); }
.nv-hlp-status__name { display: inline-flex; align-items: center; gap: 10px; font-weight: 500; }
.nv-hlp-status__dot { width: 8px; height: 8px; border-radius: 50%; background: var(--nv-stat-green); }
.nv-hlp-status__dot.is-delayed { background: var(--nv-table-pending); }
.nv-hlp-status__value { color: var(--nv-table-head); font-size: var(--nv-type-callout-size); letter-spacing: var(--nv-type-callout-tracking); }
.nv-hlp-status__value.is-delayed { color: var(--nv-table-pending); font-weight: 600; }

.nv-hlp__stats { gap: 12px; padding: 0; background: transparent; }

.nv-hlp-table .nv-o-table__grid { min-width: 40rem; table-layout: fixed; }
.nv-hlp-table .nv-o-table__title { overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; }
.nv-hlp-table .nv-o-table__desc > div { min-width: 0; }
.nv-hlp-link { padding: 0; border: 0; background: transparent; font: inherit; text-align: start; cursor: pointer; }
.nv-hlp-table tr[data-nv-plan-row] { cursor: pointer; }
.nv-hlp-table tr.is-selected td { background: var(--nv-table-row-selected); }

.nv-hlp-thread__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-block-end: 4px; }
.nv-hlp-thread__head .nv-o-card__eyebrow { margin: 0; }
.nv-hlp-thread .nv-o-card__title { line-height: 1.35; }
.nv-hlp-messages { display: grid; gap: 8px; margin: 16px 0 0; padding: 0; list-style: none; }
.nv-hlp-messages li { padding: 12px 14px; border-radius: 16px; background: var(--nv-card-tile); }
.nv-hlp-messages li.is-you { background: var(--nv-table-well); }
.nv-hlp-messages__meta { display: flex; justify-content: space-between; gap: 8px; margin: 0; color: var(--nv-table-head); font-size: var(--nv-type-footnote-size); letter-spacing: var(--nv-type-footnote-tracking); }
.nv-hlp-messages__meta strong { color: var(--nv-table-text); font-weight: 600; }
.nv-hlp-messages__text { margin: 4px 0 0; color: var(--nv-table-cell); font-size: var(--nv-type-callout-size); letter-spacing: var(--nv-type-callout-tracking); line-height: var(--nv-type-callout-line); }

.nv-hlp-reply,
.nv-hlp-form { display: grid; gap: 12px; margin-block-start: 16px; }
.nv-hlp-form { margin-block-start: 0; gap: 16px; }
.nv-hlp-form .nv-o-card__note { margin: 0; }
.nv-hlp-form .nv-hlp-block { margin: 0; }
.nv-hlp :is(.nv-hlp-reply, .nv-hlp-form) textarea,
.nv-hlp-bench :is(.nv-hlp-reply, .nv-hlp-form) textarea { width: 100%; min-height: 88px; padding: .75rem .875rem; border: 0; border-radius: 1rem; background: var(--nv-drawer-control); color: var(--nv-drawer-text); font: inherit; font-size: var(--nv-type-body-size); letter-spacing: var(--nv-type-body-tracking); line-height: var(--nv-type-body-line); resize: vertical; transition: background-color 150ms ease, box-shadow 150ms ease; }
.nv-hlp :is(.nv-hlp-reply, .nv-hlp-form) textarea::placeholder { color: color-mix(in srgb, var(--nv-drawer-text) 45%, transparent); }
.nv-hlp :is(.nv-hlp-reply, .nv-hlp-form) textarea:hover { background: var(--nv-drawer-control-hover); }
.nv-hlp :is(.nv-hlp-reply, .nv-hlp-form) textarea:focus-visible { outline: 0; background: var(--nv-drawer-control-hover); box-shadow: var(--nv-drawer-shadow-sm); }

.nv-hlp-bench { display: grid; justify-items: center; padding: 40px 24px; background: var(--nv-sidebar-bg); }
.nv-hlp-bench :is(.nv-o-stat-grid, .nv-hlp-scope, .nv-hlp-notice) { width: min(100%, 960px); }
.nv-hlp-bench :is(.nv-o-card, .nv-hlp-details):not(.nv-hlp-scope *, .nv-hlp-details *) { width: min(100%, var(--nv-aside-w)); }
.nv-hlp-bench .nv-hlp-paths-card { width: min(100%, 960px); }
.nv-hlp-bench .nv-hlp { justify-items: center; width: 100%; padding-block-end: 0; }

.nv-hlp :is(button, a, input, select, textarea):focus-visible,
.nv-hlp-bench :is(button, a, input, select, textarea):focus-visible { outline: 2px solid var(--nv-table-focus); outline-offset: 2px; }

.nv-hlp--product > [data-help-view="help"] { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(20rem, .65fr); gap: 24px; align-items: start; }
.nv-hlp--product > [data-help-view][hidden] { display: none; }
.nv-hlp--product .nv-o-card { padding: 24px; }
.nv-hlp-create { min-width: 0; }
.nv-hlp-control { width: 100%; min-height: 48px; padding: .75rem .875rem; border: 0; border-radius: 1rem; background: var(--nv-drawer-control); color: var(--nv-drawer-text); font: inherit; font-size: 14px; transition: background-color 150ms ease, box-shadow 150ms ease; }
.nv-hlp-control:hover, .nv-hlp-control:focus-visible { background: var(--nv-drawer-control-hover); }
.nv-hlp-submit { width: 100%; }
.nv-hlp-request-list .nv-o-list__rows { display: grid; gap: 4px; }
.nv-hlp-request-list .nv-hlp-channel { grid-template-columns: auto minmax(0,1fr) auto; padding: 10px 12px; }
.nv-hlp-channel.is-selected { background: var(--nv-table-row-selected); }
.nv-hlp-state { display: grid; min-height: 20rem; place-content: center; justify-items: center; gap: 8px; padding: 24px; text-align: center; }
.nv-hlp-state :is(h1,p) { margin: 0; }
.nv-hlp-state p { color: var(--nv-table-head); }
.nv-hlp-toast { position: fixed; z-index: 1900; right: 24px; bottom: 24px; max-width: min(22rem, calc(100vw - 48px)); padding: 12px 16px; border-radius: 14px; background: var(--nv-popover-bg); color: var(--nv-table-text); box-shadow: var(--nv-popover-shadow); opacity: 0; pointer-events: none; transform: translateY(8px); transition: opacity 150ms ease, transform 150ms ease; }
.nv-hlp-toast.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 900px) {
  .nv-hlp--product > [data-help-view="help"] { grid-template-columns: minmax(0,1fr); }
}

@media (max-width: 640px) {
  .nv-hlp--product .nv-o-card { padding: 24px; }
  .nv-hlp--product .nv-hlp__layout { gap: 16px; }
  .nv-hlp-toast { right: 16px; bottom: 16px; }
}

@container nv-hlp (max-width: 980px) {
  .nv-hlp__layout { grid-template-columns: minmax(0, 1fr); }
  .nv-hlp__aside { grid-row: 2; }
  .nv-hlp__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@container nv-hlp (max-width: 560px) {
  .nv-hlp__stack--library,
  .nv-hlp__stack--context { gap: 16px; }
  .nv-hlp-paths { grid-template-columns: minmax(0, 1fr); }
  .nv-hlp-article__main { grid-template-columns: 36px minmax(0, 1fr) auto; }
  .nv-hlp-article .nv-a-badge { display: none; }
}