/* Minimal activity counters + privileged analytics dialog.
   Compensates for compact layouts while preserving existing card theme. */
.feed-post__actions {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 10px;
    padding: 11px 18px;
    min-height: 58px;
}
.feed-post__reaction-cluster { flex: 1 1 auto; min-width: 0; }
.feed-post__reaction-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.feed-post__reaction { padding: 0 9px; min-height: 31px; white-space: nowrap; }
.feed-post__reaction.is-hidden { display: none; }
.feed-post__reaction-picker { flex: 0 0 auto; }
.feed-post__spacer { display: none; }
.feed-post__metrics {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    flex: 0 0 auto;
    margin-left: auto;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}
.feed-post__meta-item, .feed-post__meta-link { gap: 5px; white-space: nowrap; }
.feed-post__meta-item, .feed-post__meta-item:hover, .feed-post__meta-item iconify-icon {
    color: var(--feed-text-soft);
    background: transparent;
    transform: none;
    cursor: default;
    pointer-events: none;
}
.feed-post__meta-item [data-post-views-count] { color: var(--feed-text-soft); opacity: 1; }
.feed-post__model-indicator, .feed-post__model-indicator:hover {
    cursor: default;
    pointer-events: none;
    opacity: .6;
    font-size: 11px;
    color: var(--feed-text-soft);
    margin-left: 1px;
}
.feed-post__model-indicator[hidden] { display: none !important; }
@media(max-width: 620px) {
  .feed-post__actions { flex-wrap: wrap; padding: 12px 14px; column-gap: 10px; row-gap: 9px; }
  .feed-post__reaction-cluster { flex: 1 1 100%; }
  .feed-post__reaction-row { gap: 6px; }
  .feed-post__metrics { width: 100%; justify-content: flex-end; gap: 15px; }
}

/* Staff/editor-only statistics, styled to match a premium dark surface. */
.feed-stats__backdrop[hidden], .feed-stats__dialog [hidden] { display: none !important; }
.feed-stats__backdrop {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: max(14px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right));
    background: rgba(2, 7, 17, .68);
    -webkit-backdrop-filter: blur(11px);
    backdrop-filter: blur(11px);
}
body.feed-stats-open { overflow: hidden; }
.feed-stats__dialog {
    box-sizing: border-box;
    width: min(100%, 536px);
    max-height: min(88dvh, 720px);
    overflow-y: auto;
    color: #e5edf8;
    background: #101a29;
    border: 1px solid rgba(194, 213, 245, .14);
    border-radius: 22px;
    box-shadow: 0 28px 95px rgba(0, 0, 0, .42);
    scrollbar-width: thin;
}
.feed-stats__header {
    display: flex;
    align-items: start;
    justify-content: space-between;
    padding: 23px 24px 19px;
    border-bottom: 1px solid rgba(225, 235, 255, .08);
}
.feed-stats__eyebrow { display: block; color: #8a99af; font-size: 12px; font-weight: 500; }
.feed-stats__header h2 { margin: 5px 0 0; color: #f6f8fc; font-size: 23px; line-height: 1.25; font-weight: 680; }
.feed-stats__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    background: rgba(255, 255, 255, .055);
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 12px;
    color: #a8b6c8;
    font-size: 20px;
    cursor: pointer;
}
.feed-stats__close:hover { color: #fff; background: rgba(255,255,255,.1); }
.feed-stats__content { padding: 20px 24px 14px; }
.feed-stats__cards { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.feed-stats__card { min-width: 0; padding: 17px; background: rgba(225, 236, 255, .035); border: 1px solid rgba(225, 236, 255, .085); border-radius: 16px; }
.feed-stats__caption { display: block; color: #9aa8bb; font-size: 12px; }
.feed-stats__big { display: block; margin: 6px 0 15px; color: #f3f6fc; font-size: clamp(24px, 3.6vw, 30px); letter-spacing: -.7px; font-variant-numeric: tabular-nums; }
.feed-stats__numbers { display: grid; gap: 8px; padding-top: 11px; border-top: 1px solid rgba(255,255,255,.07); }
.feed-stats__number-row { display: flex; justify-content: space-between; gap: 6px; color: #9aa8bb; font-size: 12px; }
.feed-stats__number-row b { color: #e4eaf4; font-size: 12px; font-weight: 650; }
.feed-stats__section-title { margin: 23px 0 9px; color: #eef3fc; font-size: 14px; font-weight: 650; }
.feed-stats__breakdown { display: grid; gap: 3px; }
.feed-stats__breakdown-row { display: flex; gap: 10px; align-items: center; min-height: 40px; padding: 5px 6px; border-bottom: 1px solid rgba(255,255,255,.045); }
.feed-stats__emoji { font-size: 19px; min-width: 27px; }
.feed-stats__reaction-total { font-size: 14px; font-weight: 650; font-variant-numeric: tabular-nums; min-width: 36px; }
.feed-stats__reaction-split { color: #9cacc1; font-size: 12px; margin-left: auto; text-align: right; }
.feed-stats__status { color: #8e9eb2; margin: 16px 0 2px; font-size: 12px; }
.feed-stats__footer { padding: 13px 24px 19px; color: #7f90a7; font-size: 12px; border-top: 1px solid rgba(255,255,255,.06); }
.feed-stats__empty { padding: 19px 24px; color: #9baabe; font-size: 13px; }
.feed-stats__error { padding: 10px 24px; color: #ffb4b4; font-size: 13px; }
@media(max-width: 480px) {
  .feed-stats__dialog { border-radius: 19px; }
  .feed-stats__header { padding: 20px 17px 16px; }
  .feed-stats__content { padding: 16px 14px 13px; }
  .feed-stats__card { padding: 12px; }
  .feed-stats__cards { gap: 8px; }
  .feed-stats__footer { padding: 13px 17px 17px; }
  .feed-stats__reaction-split { font-size: 11px; }
}