/* Hi! — единая ширина контента для всех пользовательских страниц */
:root {
  --hi-page-width: 640px;
  --hi-page-gutter: 16px;
}

/* Одна и та же центральная колонка независимо от страницы */
.app > .feed,
body > .upp-wrap,
body > .gifts-wrap,
body > .mk-shell,
body > .set-wrap,
body > main.feed,
body > .profile-page-container,
body > .page-container {
  width: min(var(--hi-page-width), calc(100vw - (var(--hi-page-gutter) * 2))) !important;
  max-width: var(--hi-page-width) !important;
  box-sizing: border-box !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Страницы с оболочкой .app: сама колонка .feed всегда одного размера */
.app > .feed {
  flex: 0 0 var(--hi-page-width) !important;
}

/* Внутренние оболочки не могут растягивать страницу */
.set-wrap, .set-main, .set-hero,
.upp-wrap, .upp-main,
.gifts-wrap, .mk-shell {
  max-width: 100% !important;
  box-sizing: border-box !important;
}

/* Все иконки интерфейса из /icons — белые */
img[src^="/icons/"] {
  filter: brightness(0) invert(1) !important;
}

/* Лайк/просмотры: иконки всегда белые в обычном состоянии */
.post-actions .post-like-btn,
.post-actions .post-view-count {
  color: #ffffff !important;
}
.post-actions .post-like-btn .post-like-icon,
.post-actions .post-view-count .post-view-icon {
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
}

/* Поставленный лайк — красное сердце */
.post-actions .post-like-btn.is-liked {
  color: #ef4444 !important;
}
.post-actions .post-like-btn.is-liked .post-like-icon {
  filter: invert(24%) sepia(96%) saturate(4100%) hue-rotate(344deg) brightness(96%) contrast(94%) !important;
  opacity: 1 !important;
}

@media (max-width: 768px) {
  :root { --hi-page-gutter: 12px; }
  .app > .feed {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
  }
  body > .upp-wrap, body > .gifts-wrap, body > .mk-shell,
  body > .set-wrap, body > main.feed, body > .profile-page-container,
  body > .page-container {
    width: 100% !important;
    max-width: 100% !important;
  }
}


/* v7: authoritative shell — this file is intentionally loaded last on every page. */
:root {
  --hi-design-version: "2026-09-01-v11";
}

/* Keep the main user-facing shell compact and consistent. */
.hi-page-shell,
.page-shell,
.main-shell,
.content-shell {
  width: min(var(--hi-page-width), calc(100vw - (var(--hi-page-gutter) * 2))) !important;
  max-width: var(--hi-page-width) !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}

/* Feed reaction icons: neutral white, liked heart red. */
.post-actions .post-like-btn,
.post-actions .post-view-count,
.post-actions .post-like-btn svg,
.post-actions .post-view-count svg,
.post-actions .post-like-icon,
.post-actions .post-view-icon {
  color: #fff !important;
  fill: none !important;
  stroke: currentColor !important;
}
.post-actions .post-like-btn.is-liked,
.post-actions .post-like-btn.is-liked svg,
.post-actions .post-like-btn.is-liked .post-like-icon {
  color: #ef4444 !important;
  stroke: currentColor !important;
}
.post-actions .post-like-btn.is-liked svg {
  fill: currentColor !important;
}