/* Tùy biến nhỏ trên nền Tabler — đổi accent sang tím, thêm vài class Tabler chưa có sẵn. */
:root,
[data-bs-theme="dark"] {
  --tblr-primary: #8b5cf6;
  --tblr-primary-rgb: 139, 92, 246;
  --tblr-link-color: #8b5cf6;
  --tblr-link-color-rgb: 139, 92, 246;
}

.brand-dot {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: linear-gradient(135deg, #8b5cf6, #38bdf8);
  flex-shrink: 0;
}

.nav-section-label {
  padding: 0.75rem 1rem 0.25rem;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--tblr-secondary-color);
}

/* Chip chọn ngày trên trang chi tiết Page */
.day-chip {
  flex-shrink: 0;
  white-space: nowrap;
  border-radius: 99px;
  border: 1px solid var(--tblr-border-color);
  background: var(--tblr-bg-surface);
  color: var(--tblr-secondary-color);
  font-size: 12px;
  padding: 0.35rem 0.85rem;
  cursor: pointer;
}
.day-chip:hover {
  color: var(--tblr-body-color);
}
.day-chip.active {
  background: var(--tblr-primary);
  border-color: var(--tblr-primary);
  color: #fff;
}

.day-tabs {
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding-bottom: 8px;
}

/* Dòng comment mở rộng ngay dưới bài trên trang chi tiết Page */
.comment-row > td {
  background: var(--tblr-bg-surface-secondary);
}

.post-msg {
  max-width: 360px;
}

.text-truncate-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}