/* Post Insights Modal */

/* Header: title + date */
.insights-header {
  text-align: center;
  margin-bottom: 24px;
}

.insights-title {
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.3;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.insights-date {
  font-size: 1.2rem;
  color: var(--lm-text-muted-color);
  margin-top: 5px;
  opacity: 0.6;
}

/* Hero: two big stats side by side */
.insights-hero {
  display: flex;
  justify-content: center;
  gap: 48px;
  padding: 16px 0 24px;
}

.insights-hero-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.insights-hero-num {
  font-size: 3.2rem;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.5px;
}

.insights-hero-label {
  font-size: 1.25rem;
  color: var(--lm-text-muted-color);
  margin-top: 5px;
  font-weight: 500;
}

/* Rows: clean label + value pairs */
.insights-rows {
  border-top: 1px solid var(--lm-border-color);
  padding-top: 4px;
}

.insights-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 4px;
}

.insights-row-sep {
  margin-top: 6px;
  padding-top: 14px;
  border-top: 1px solid var(--lm-border-color);
}

.insights-row-label {
  display: flex;
  align-items: center;
  gap: 7px;
  font-size: 1.35rem;
  color: var(--lm-text-muted-color);
}

.insights-row-label i {
  font-size: 15px;
  width: 16px;
  text-align: center;
}

.insights-row-val {
  font-size: 1.35rem;
  font-weight: 700;
}

/* Icon colors — light mode */
.insights-icon-likes     { color: #e5484d; }
.insights-icon-comments  { color: #3e63dd; }
.insights-icon-saves     { color: #e5a000; }
.insights-icon-notified  { color: #8e4ec6; }
.insights-icon-emails    { color: #12a594; }

/* Dark mode */
body[data-theme="dark"] .insights-date {
  color: var(--dm-text-muted-color);
}

body[data-theme="dark"] .insights-hero-label,
body[data-theme="dark"] .insights-row-label {
  color: var(--dm-text-muted-color);
}

body[data-theme="dark"] .insights-rows,
body[data-theme="dark"] .insights-row-sep {
  border-top-color: var(--dm-border-color);
}

/* Icon colors — dark mode (slightly brighter) */
body[data-theme="dark"] .insights-icon-likes     { color: #f27a7d; }
body[data-theme="dark"] .insights-icon-comments  { color: #7b93ed; }
body[data-theme="dark"] .insights-icon-saves     { color: #f0b730; }
body[data-theme="dark"] .insights-icon-notified  { color: #b07ce8; }
body[data-theme="dark"] .insights-icon-emails    { color: #45c8ba; }

/* Responsive */
@media (max-width: 400px) {
  .insights-hero {
    gap: 32px;
  }

  .insights-hero-num {
    font-size: 2.6rem;
  }
}