/*
 * Header (планшет ≥768px и десктоп ≥1024px):
 *  — поиск: иконка-лупа после колокольчика, поле раскрывается левее иконок (.eidoc-hdr-search);
 *  — кабинеты Admin / Партнёр / Разработчик — иконка или меню (.eidoc-topbar-cabinets).
 * Мобильная шапка (<768px) этим файлом не меняется: все правила — внутри min-width: 768px.
 */

.eidoc-hdr-search {
  display: none;
}

.eidoc-topbar-create-label {
  display: none;
}

@media (min-width: 768px) {
  /* ---------- Раскладка: крошки занимают свободное место, правая часть — по содержимому ---------- */
  body.eidoc-public .eidoc-topbar .navbar-start,
  body.eidoc-public .eidoc-topbar .eidoc-topbar__start {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: none !important;
  }

  body.eidoc-public .eidoc-topbar .navbar-end {
    flex: 0 1 auto !important;
    min-width: 0;
  }

  body.eidoc-public .eidoc-topbar .eidoc-topbar__start-inner {
    flex: 1 1 auto;
    min-width: 0;
    gap: 0.5rem;
  }

  body.eidoc-public .eidoc-topbar .eidoc-topbar__end-inner {
    width: auto;
    gap: 0.25rem;
    justify-content: flex-end;
  }

  body.eidoc-public .eidoc-topbar .eidoc-topbar__end-inner > .flex-1[aria-hidden="true"] {
    display: none !important;
  }

  /* ---------- Хлебные крошки ---------- */

  /* Текущая страница: приглушённо-тёмный, без жирности — не спорит с H1 */

  /* ---------- Поиск ---------- */
  .eidoc-hdr-search {
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    width: clamp(13rem, 30vw, 24rem);
    min-width: 0;
    margin-right: 0.25rem;
    overflow: visible;
  }

  .eidoc-hdr-search--enter,
  .eidoc-hdr-search--leave {
    transition: opacity 0.18s ease, transform 0.18s ease;
  }

  .eidoc-hdr-search--from {
    opacity: 0;
    transform: translateX(0.75rem);
  }

  .eidoc-hdr-search--to {
    opacity: 1;
    transform: translateX(0);
  }

  .eidoc-hdr-search__icon {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #9ca3af;
    font-size: 0.8125rem;
    pointer-events: none;
  }

  .eidoc-hdr-search:focus-within .eidoc-hdr-search__icon {
    color: var(--brand-blue, #1d4ed8);
  }

  body.eidoc-public .eidoc-hdr-search__input {
    width: 100%;
    min-width: 0;
    height: 2.125rem;
    padding: 0 2.25rem 0 2.25rem;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    background: #f1f5f9;
    color: var(--ui-color-ink, #0f172a);
    font-size: 0.8125rem;
    outline: none;
    box-shadow: none;
    transition: background-color 0.15s ease, border-color 0.15s ease;
  }

  body.eidoc-public .eidoc-hdr-search__input:focus {
    background: #fff;
    border-color: var(--brand-blue, #1d4ed8);
  }

  .eidoc-hdr-search__input::-webkit-search-cancel-button {
    display: none;
  }

  .eidoc-hdr-search__close {
    position: absolute;
    right: 0.25rem;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.75rem;
    height: 1.75rem;
    border: none;
    border-radius: 0.375rem;
    background: transparent;
    color: #9ca3af;
    cursor: pointer;
  }

  .eidoc-hdr-search__close:hover {
    background: #e2e8f0;
    color: var(--ui-color-ink, #0f172a);
  }

  /* Выпадающие результаты: под полем, выровнены по правому краю (поле стоит справа) */
  body.eidoc-public .eidoc-hdr-search .eidoc-live-search-dropdown--desktop {
    display: block;
    left: auto;
    right: 0;
    width: max(100%, min(26rem, calc(100vw - 2rem)));
    min-width: 0;
  }

  /* ---------- Иконки ---------- */
  body.eidoc-public .eidoc-topbar-icon-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.25rem;
    height: 2.25rem;
    padding: 0.5rem;
    border: none;
    border-radius: var(--ui-radius-md, 0.5rem);
    background: transparent;
    color: var(--ui-color-muted, #6b7280);
    text-decoration: none;
    cursor: pointer;
    box-shadow: none;
    transition: background-color 0.15s ease, color 0.15s ease;
  }

  body.eidoc-public .eidoc-topbar-icon-btn:hover,
  body.eidoc-public .eidoc-topbar-icon-btn.is-active {
    background-color: var(--ui-color-canvas, #f1f5f9);
    color: var(--ui-color-ink, #0f172a);
  }

  body.eidoc-public .eidoc-topbar-icon-btn.is-active {
    color: var(--brand-blue, #1d4ed8);
  }

  body.eidoc-public .eidoc-topbar-icon-btn:focus-visible {
    outline: 2px solid var(--brand-blue, #1d4ed8);
    outline-offset: 1px;
  }

  body.eidoc-public .eidoc-topbar-icon-btn i {
    font-size: 17px;
    line-height: 1;
  }

  /* Кабинеты: отделены тонким разделителем от уведомлений/поиска */
  body.eidoc-public .eidoc-topbar-cabinets {
    position: relative;
    padding-left: 0.375rem;
    margin-left: 0.125rem;
  }

  body.eidoc-public .eidoc-topbar-cabinets::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 1.25rem;
    transform: translateY(-50%);
    background: var(--ui-color-border, #e2e8f0);
  }

  .eidoc-topbar-cabinets__menu {
    position: absolute;
    right: 0;
    top: calc(100% + 0.5rem);
    z-index: 80;
    min-width: 13rem;
    padding: 0.375rem;
    background: #fff;
    border: 1px solid var(--ui-color-border, #e2e8f0);
    border-radius: 0.75rem;
    box-shadow: 0 8px 32px -8px rgba(15, 23, 42, 0.18);
  }

  .eidoc-topbar-cabinets__item {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.5rem 0.625rem;
    border-radius: 0.5rem;
    color: var(--ui-color-ink, #0f172a);
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    white-space: nowrap;
  }

  .eidoc-topbar-cabinets__item > .fa-fw {
    color: var(--brand-blue, #1d4ed8);
  }

  .eidoc-topbar-cabinets__item:hover {
    background: var(--ui-color-canvas, #f1f5f9);
  }

  .eidoc-topbar-cabinets__item:focus-visible {
    outline: 2px solid var(--brand-blue, #1d4ed8);
    outline-offset: -2px;
  }

  .eidoc-topbar-cabinets__ext {
    margin-left: auto;
    font-size: 0.6875rem;
    color: #94a3b8;
  }
}

/* ---------- Планшет 768–1023: десктопная шапка поверх мобильной разметки ---------- */
@media (min-width: 768px) and (max-width: 1023px) {
  /* Tablet header already exposes the desktop action group. Keep only one create control. */
  body.eidoc-public .eidoc-topbar .eidoc-topbar-mobile-create {
    display: none !important;
  }

  body.eidoc-public .eidoc-topbar .eidoc-topbar__inner.navbar {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.5rem;
    max-width: none;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  body.eidoc-public .eidoc-topbar .eidoc-topbar__center,
  body.eidoc-public .eidoc-topbar .eidoc-topbar-mobile-search {
    display: none !important;
  }

  body.eidoc-public .eidoc-topbar .eidoc-topbar-icon-group,
  body.eidoc-public .eidoc-topbar .eidoc-topbar-cabinets,
  body.eidoc-public .eidoc-topbar .eidoc-topbar-profile,
  body.eidoc-public .eidoc-topbar .eidoc-topbar-guest {
    display: flex !important;
  }

  body.eidoc-public .eidoc-topbar .eidoc-topbar-icon-group {
    gap: 0.125rem;
  }

  body.eidoc-public .eidoc-topbar label.eidoc-topbar-burger.drawer-button {
    box-shadow: none !important;
    background: transparent !important;
    width: 2.5rem !important;
    height: 2.5rem !important;
    min-height: 2.5rem !important;
  }

  body.eidoc-public .eidoc-topbar label.eidoc-topbar-burger.drawer-button:hover {
    background: var(--ui-color-canvas, #f1f5f9) !important;
  }

  body.eidoc-public .eidoc-topbar label.eidoc-topbar-burger i {
    font-size: 1.125rem !important;
  }

  /* Хит-зона иконок на тач-экранах планшета */
  body.eidoc-public .eidoc-topbar-icon-btn {
    width: 2.5rem;
    height: 2.5rem;
  }

  body.eidoc-public .eidoc-topbar-profile {
    padding-left: 0.25rem;
  }

  .eidoc-topbar-profile-menu.eidoc-bottom-nav__shell {
    overflow: hidden;
  }

  /* Крошки на планшете компактнее */

  /* Открытый поиск получает место за счёт крошек: на узком планшете промежуточные звенья прячем */

  .eidoc-hdr-search {
    width: clamp(12rem, 34vw, 20rem);
  }

  /* Нижняя панель на планшете не нужна — её функции в шапке */
  .eidoc-bottom-nav,
  .eidoc-bottom-nav:not(.eidoc-bottom-nav--route-hidden) {
    display: none !important;
  }

  body.eidoc-public,
  .eidoc-app-shell {
    --eidoc-mobile-bottom-chrome: 0px;
  }

  body.eidoc-public #page-component[class*="max-lg:pb-"] {
    padding-bottom: 1.5rem !important;
  }
}

@media (min-width: 1024px) {
  body.eidoc-public .eidoc-topbar-create-btn {
    width: auto;
    min-width: 6.5rem;
    padding: 0 1rem;
    gap: 0.5rem;
    border-radius: 0.5rem;
    background: var(--brand-blue, #1d4ed8);
    color: #fff;
  }

  body.eidoc-public .eidoc-topbar-create-btn:hover,
  body.eidoc-public .eidoc-topbar-create-btn:focus-visible {
    background: #064fd4;
    color: #fff;
  }

  body.eidoc-public .eidoc-topbar-create-label {
    display: inline;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 1;
  }
}
.eidoc-notification-badge{position:absolute;top:2px;right:1px;display:flex;min-width:17px;height:17px;padding:0 4px;align-items:center;justify-content:center;border:2px solid #fff;border-radius:999px;background:#ef334f;color:#fff;font-size:9px;font-weight:800;line-height:1}
.eidoc-notification-popover{background:#fff!important;box-shadow:0 22px 60px rgba(24,54,102,.2)!important}
.eidoc-notification-popover__footer{display:flex;min-height:48px;align-items:center;justify-content:center;gap:6px;border-top:1px solid #e9eef6;background:#fff;color:#0864ec;font-size:13px;font-weight:700;text-decoration:none}
.eidoc-activity-popover-tabs{display:flex;gap:4px;overflow-x:auto;padding:8px;border-bottom:1px solid #e9eef6;background:#fbfdff}.eidoc-activity-popover-tabs button{display:flex;align-items:center;gap:5px;min-height:34px;padding:6px 9px;border:0;border-radius:9px;background:transparent;color:#547096;font-size:11px;font-weight:750;white-space:nowrap}.eidoc-activity-popover-tabs button.is-active{background:#eaf3ff;color:#0965ea}.eidoc-activity-popover-tabs b{display:grid;min-width:18px;height:18px;place-items:center;padding:0 4px;border-radius:9px;background:#fff;color:#1969df;font-size:9px}.eidoc-activity-popover-row{display:flex;align-items:center;gap:10px;min-height:62px;padding:9px 8px;border-bottom:1px solid #eef2f7;color:#10213f;text-decoration:none}.eidoc-activity-popover-row>span:nth-child(2){min-width:0;flex:1}.eidoc-activity-popover-row strong,.eidoc-activity-popover-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eidoc-activity-popover-row strong{font-size:12px}.eidoc-activity-popover-row small{margin-top:3px;color:#7288a9;font-size:10px}.eidoc-activity-popover-icon{display:grid;width:38px;height:38px;flex:none;place-items:center;overflow:hidden;border-radius:11px;background:#eaf3ff;color:#1268ed}.eidoc-activity-popover-icon img{width:100%;height:100%;object-fit:cover}.eidoc-activity-popover-icon.is-attention{background:#fff0e9;color:#e4682b}.eidoc-activity-popover-row>time{width:42px;flex:none;color:#2267be;font-size:11px;font-weight:800}.eidoc-activity-popover-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#1268ed}
@media(max-width:639px){html.eidoc-notifications-open,html.eidoc-notifications-open body{overflow:hidden}.eidoc-notification-popover{position:fixed!important;isolation:isolate;top:auto!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;left:8px!important;width:auto!important;max-height:min(78vh,680px)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 0 0 100vmax rgba(8,22,43,.28),0 22px 60px rgba(24,54,102,.2)!important}.eidoc-notification-popover>div{background:#fff}.eidoc-notification-popover>.eidoc-activity-popover-tabs{background:#fbfdff}}

/*
 * Хлебные крошки страницы — src/Helpers/header_breadcrumbs.php, eidoc_breadcrumbs_render_page().
 * Текущая страница в крошках не выводится: она в H1. Показываются на всех ширинах.
 */
.eidoc-page-crumbs {
  margin: 0 0 0.75rem;
  font-size: 0.8125rem;
  line-height: 1.25rem;
  color: var(--ui-color-muted, #64748b);
}

.eidoc-page-crumbs__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  list-style: none;
}

.eidoc-page-crumbs__item {
  min-width: 0;
  max-width: 16rem;
}

.eidoc-page-crumbs__item > a,
.eidoc-page-crumbs__item > span {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: inherit;
  font-weight: 500;
  text-decoration: none;
}

.eidoc-page-crumbs__item > a:hover {
  color: var(--brand-blue, #1d4ed8);
}

.eidoc-page-crumbs__item > a:focus-visible {
  outline: 2px solid var(--brand-blue, #1d4ed8);
  outline-offset: 2px;
  border-radius: 0.25rem;
}

.eidoc-page-crumbs__sep {
  display: flex;
  color: #cbd5e1;
  font-size: 0.625rem;
}

/* Крошки в строке верхней панели кабинета: занимают свободное место слева, ссылка справа остаётся на месте. */
.eidoc-cabinet-topbar > .eidoc-page-crumbs {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
}

/* Крошки внутри любого hero-блока (класс содержит "hero"): на всю строку grid
 * и цвет текста от hero, чтобы тёмные hero оставались читаемыми. */
[class*="hero"] > .eidoc-page-crumbs {
  grid-column: 1 / -1;
  color: inherit;
  margin: 0 0 0.5rem;
  padding: 0.25rem 0.25rem 0;
}

/* Тёмный hero: крошки светлые, разделители приглушённые. */
.partners-hero-dark > .eidoc-page-crumbs,
.marketplace-foundation-hero > .eidoc-page-crumbs,
.marketplace-foundation-hero__inner > .eidoc-page-crumbs {
  color: rgba(226, 232, 240, 0.85);
}

.partners-hero-dark > .eidoc-page-crumbs__sep,
.marketplace-foundation-hero__inner > .eidoc-page-crumbs__sep {
  color: rgba(226, 232, 240, 0.45);
}

/* Крошки внутри карточки поста сообщества (article.eidoc-hub-card). */
.eidoc-hub-card > .eidoc-page-crumbs {
  margin: 0 0 0.75rem;
}

/* Карточка услуги (flex): крошки отдельной строкой сверху, остальное под ними. */
.services-detail-header {
  flex-wrap: wrap;
}

.services-detail-header > .eidoc-page-crumbs {
  flex: 0 0 100%;
  width: 100%;
  margin: 0 0 0.75rem;
}

/* Hero карточки сообщества: обложка абсолютная и перекрывает крошку, поэтому крошка поверх неё. */
.eidoc-hub-hero__card > .eidoc-page-crumbs {
  position: relative;
  z-index: 2;
  margin: 0;
  padding: 1rem 1.25rem 0;
}

/* Документы: крошки в левой колонке над блоком «Разделы». Свёрнутая колонка — крошки скрыты. */
.docs-view-article__left > .eidoc-page-crumbs {
  margin: 0;
  padding: 0.75rem 0.875rem 0.5rem;
}

.docs-view-article__left.is-collapsed > .eidoc-page-crumbs {
  display: none;
}

/* Ссылка «← Назад» к родительскому разделу (карточки эксперта и компании). */
.eidoc-page-back {
  margin: 0 0 0.5rem;
  font-size: 0.8125rem;
  line-height: 1.25rem;
}

.eidoc-page-back > a {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  color: var(--ui-color-muted, #64748b);
  font-weight: 500;
  text-decoration: none;
}

.eidoc-page-back > a:hover {
  color: var(--brand-blue, #1d4ed8);
  text-decoration: underline;
}

.eidoc-page-back > a:focus-visible {
  outline: 2px solid var(--brand-blue, #1d4ed8);
  outline-offset: 2px;
  border-radius: 0.25rem;
}

[class*="hero"] > .eidoc-page-back {
  grid-column: 1 / -1;
  padding: 0.25rem 0.25rem 0;
}

/* ---------- Тариф подписки в шапке ---------- */
.eidoc-topbar-plan-slot {
  margin-right: 0.25rem;
}

.eidoc-topbar-plan {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  min-height: 2rem;
  padding: 0.2rem 0.5rem 0.2rem 0.3rem;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #fff;
  color: #334155;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
}

.eidoc-topbar-plan:hover {
  border-color: #cbd5e1;
  background: #f8fafc;
}

.eidoc-topbar-plan:focus-visible {
  outline: 2px solid var(--brand-blue, #1d4ed8);
  outline-offset: 2px;
}

.eidoc-topbar-plan__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  flex: 0 0 auto;
  border-radius: 999px;
  background: #f1f5f9;
  color: #64748b;
  font-size: 0.625rem;
}

.eidoc-topbar-plan__name {
  max-width: 6.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
}

.eidoc-topbar-plan__action {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding-left: 0.4rem;
  border-left: 1px solid rgba(15, 23, 42, 0.12);
  color: inherit;
  font-size: 0.6875rem;
  font-weight: 600;
  opacity: 0.85;
}

.eidoc-topbar-plan__action i {
  font-size: 0.5625rem;
}

.eidoc-topbar-plan--free .eidoc-topbar-plan__icon {
  background: #f1f5f9;
  color: #64748b;
}

.eidoc-topbar-plan--pro {
  border-color: rgba(29, 78, 216, 0.2);
  background: #f8faff;
  color: #1e3a8a;
}

.eidoc-topbar-plan--pro:hover {
  border-color: rgba(29, 78, 216, 0.35);
  background: #eff6ff;
}

.eidoc-topbar-plan--pro .eidoc-topbar-plan__icon {
  background: #dbeafe;
  color: #1d4ed8;
}

.eidoc-topbar-plan--pro_plus {
  border-color: rgba(217, 119, 6, 0.28);
  background: #fffbeb;
  color: #92400e;
}

.eidoc-topbar-plan--pro_plus:hover {
  border-color: rgba(217, 119, 6, 0.45);
  background: #fef3c7;
}

.eidoc-topbar-plan--pro_plus .eidoc-topbar-plan__icon {
  background: #fef3c7;
  color: #b45309;
}

@media (max-width: 1023px) {
  .eidoc-topbar-plan__action-label {
    display: none;
  }

  .eidoc-topbar-plan__action {
    padding-left: 0.35rem;
  }
}

/* Внутри hero ссылка «← Назад» прижата к левому краю. Общее правило
 * .eidoc-page > section > .eidoc-page-back центрирует её (auto-отступы
 * в grid-контейнере), поэтому для карточек компании и эксперта отменяем его. */
#expert-show-page .ep-hero > .eidoc-page-back,
#company-public-page .cp-hero > .eidoc-page-back {
  max-width: none;
  margin: 0 0 0.5rem;
  padding: 0.25rem 0.25rem 0;
  justify-self: start;
}

/* «← Назад» в карточке услуги (не hero) и в карточке поста сообщества. */
.services-detail-header > .eidoc-page-back {
  flex: 0 0 100%;
  width: 100%;
  margin: 0 0 0.75rem;
}

.eidoc-hub-card > .eidoc-page-back {
  margin: 0 0 0.75rem;
}

/* «← Назад» на страницах маркетплейса: интеграция (секция-шапка), покупка (карточка), редактирование продукта. */
.eidoc-page > section > .eidoc-page-back {
  max-width: 80rem;
  margin: 0 auto;
  padding: 1.5rem 1rem 0;
}

div.rounded-3xl > .eidoc-page-back {
  margin: 0;
  padding: 1rem 1.5rem 0;
}

.mp-pe-page .eidoc-page-back {
  margin: 0 0 1rem;
}

/* Крошки внутри hero карточки эксперта и компании (EIDOC_INLINE_CRUMBS_PLACEHOLDER).
 * Hero — grid: крошки занимают всю строку и не добавляют внешнего отступа над карточкой. */
#expert-show-page .ep-hero > .eidoc-page-crumbs,
#company-public-page .cp-hero > .eidoc-page-crumbs {
  grid-column: 1 / -1;
  margin: 0 0 0.5rem;
  padding: 0.25rem 0.25rem 0;
}