/* v78 admin/report/feed/pinned upgrades. Keeps v68/v77 mechanics, fixes current UX. */

/* No debug plaques */
body::before, body::after {
  content: none !important;
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
[class*="version-marker"], [class*="version-badge"], [data-version-marker] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Forbid reports on donates/giveaways */
.donate-card [data-v68-report],
.donate-card [data-v77-report],
.donate-card .v68-report-btn,
.donate-card .v77-report-btn,
[data-donate-id] [data-v68-report],
[data-donate-id] [data-v77-report],
.giveaway-card [data-v68-report],
.giveaway-card [data-v77-report],
.giveaway-card .v68-report-btn,
.giveaway-card .v77-report-btn,
[data-giveaway-id] [data-v68-report],
[data-giveaway-id] [data-v77-report],
#giveawayCommentsModal [data-v68-report],
#giveawayCommentsModal [data-v77-report] {
  display: none !important;
  pointer-events: none !important;
}

/* Unified square icon buttons */
.v78-card-icon-btn,
.video-card-pin,
.v78-delete-video-btn,
.feed-card-moderation-panel.v78-feed-admin-actions button,
.v78-admin-icon,
.v78-btn.icon,
.giveaway-small-btn,
.donate-card-pin-action {
  display: inline-grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  max-width: 36px !important;
  min-height: 36px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  border: 1px solid var(--pub-line, rgba(255,255,255,.15)) !important;
  background: var(--pub-surface-2, rgba(255,255,255,.055)) !important;
  color: var(--pub-text, #f4f5f7) !important;
  box-shadow: none !important;
  line-height: 1 !important;
  cursor: pointer !important;
}
.v78-card-icon-btn:hover,
.video-card-pin:hover,
.v78-delete-video-btn:hover,
.feed-card-moderation-panel.v78-feed-admin-actions button:hover,
.v78-admin-icon:hover {
  transform: translate(-1px,-1px) !important;
  border-color: var(--pub-accent, #f4c542) !important;
  color: var(--pub-accent, #f4c542) !important;
}
.v78-card-icon-btn.danger,
.v78-delete-video-btn,
.feed-card-moderation-panel.v78-feed-admin-actions button.danger {
  color: #ff6262 !important;
  border-color: rgba(255,98,98,.38) !important;
}
.v78-card-icon-btn span,
.feed-card-moderation-panel.v78-feed-admin-actions button span {
  display: none !important;
}

/* Feed: remove global moderation button, admin actions inside card only */
#feedModerationModeBtn,
.feed-moderation-btn {
  display: none !important;
}
.community-post-card.is-moderation-mode {
  outline: none !important;
}
.feed-card-moderation-panel.v78-feed-admin-actions {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 10px 0 0 !important;
  padding: 8px 0 0 !important;
  border-top: 1px solid var(--pub-line, rgba(255,255,255,.12)) !important;
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Feed comments = video comments visual */
.feed-comment-thread {
  display: grid !important;
  gap: 10px !important;
}
.feed-comment-item.comment.comment-item-modern {
  border-radius: 0 !important;
  border: 1px solid var(--pub-line, rgba(255,255,255,.12)) !important;
  background: var(--pub-surface-2, rgba(255,255,255,.045)) !important;
  padding: 12px !important;
}
.feed-comment-head.comment-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}
.feed-comment-author.comment-user {
  display: inline-flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-width: 0 !important;
  color: inherit !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}
.feed-comment-author strong {
  color: var(--pub-text, #f4f5f7) !important;
}
.feed-comment-head time {
  color: var(--pub-muted, rgba(244,245,247,.68)) !important;
  font-size: .78rem !important;
  white-space: nowrap !important;
}
.feed-comment-text.comment-text {
  margin: 9px 0 !important;
  color: var(--pub-text, #f4f5f7) !important;
  line-height: 1.45 !important;
}
.feed-comment-actions.comment-actions {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}
.feed-comment-replies {
  display: grid !important;
  gap: 10px !important;
  margin-left: 26px !important;
  padding-left: 12px !important;
  border-left: 1px solid var(--pub-line, rgba(255,255,255,.12)) !important;
}

/* Unified pin badge everywhere */
.v78-pin-badge,
.video-card-pin-badge,
.community-post-pinned-badge,
.feed-post-pinned-label,
.donate-pin-badge,
.giveaway-pin-badge,
.v54-unified-pin-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  max-width: min(220px, calc(100% - 18px)) !important;
  min-height: 28px !important;
  padding: 5px 8px !important;
  border-radius: 0 !important;
  border: 1px solid rgba(244,197,66,.42) !important;
  border-left: 3px solid var(--pub-accent, #f4c542) !important;
  background: rgba(10,12,16,.90) !important;
  color: var(--pub-text, #f4f5f7) !important;
  box-shadow: 4px 4px 0 rgba(0,0,0,.25) !important;
  font-size: .76rem !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: none !important;
}
.v78-pin-badge i,
.video-card-pin-badge i,
.community-post-pinned-badge i,
.feed-post-pinned-label i,
.donate-pin-badge i,
.giveaway-pin-badge i {
  color: var(--pub-accent, #f4c542) !important;
}
.v78-pin-user,
.v78-pin-badge .profile-link,
.video-card-pin-badge .profile-link,
.community-post-pinned-badge .profile-link,
.feed-post-pinned-label .profile-link,
.donate-pin-badge .profile-link,
.giveaway-pin-badge .profile-link {
  display: inline-block !important;
  max-width: 150px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  color: inherit !important;
  font: inherit !important;
  text-decoration: none !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}
.video-pin-meta {
  display: none !important;
}

/* Pinned donate notification: forced square + timer */
#pinnedDonateSpotlight,
.pinned-donate-spotlight {
  border-radius: 0 !important;
}
#pinnedDonateSpotlight .pinned-donate-card,
#pinnedDonateSpotlight .pinned-donate-card-restored,
#pinnedDonateSpotlight .v78-pinned-donate-card,
.pinned-donate-card,
.pinned-donate-card-restored,
.v78-pinned-donate-card {
  position: relative !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  border: 1px solid var(--pub-line, rgba(255,255,255,.16)) !important;
  border-left: 4px solid var(--pub-accent, #f4c542) !important;
  background: var(--pub-surface, #111318) !important;
  color: var(--pub-text, #f4f5f7) !important;
  box-shadow: 8px 8px 0 rgba(0,0,0,.30) !important;
}
#pinnedDonateSpotlight .pinned-donate-card *,
#pinnedDonateSpotlight .pinned-donate-card-restored *,
.pinned-donate-card *,
.pinned-donate-card-restored * {
  border-radius: 0 !important;
}
#pinnedDonateSpotlight .pinned-donate-ribbon,
.pinned-donate-ribbon {
  border-radius: 0 !important;
  border: 1px solid rgba(244,197,66,.36) !important;
  border-left: 3px solid var(--pub-accent, #f4c542) !important;
  background: rgba(244,197,66,.10) !important;
  color: var(--pub-accent, #f4c542) !important;
  font-weight: 900 !important;
}
#pinnedDonateSpotlight .pinned-donate-action,
.pinned-donate-action {
  border-radius: 0 !important;
  font-size: 0 !important;
}
#pinnedDonateSpotlight .pinned-donate-action i,
.pinned-donate-action i {
  font-size: .9rem !important;
}
.v78-pinned-timer {
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  height: 4px !important;
  width: 0% !important;
  z-index: 8 !important;
  background: linear-gradient(90deg, var(--pub-accent, #f4c542), rgba(244,197,66,.22)) !important;
  animation: v78PinnedFill 7.5s linear forwards !important;
  pointer-events: none !important;
}
@keyframes v78PinnedFill {
  from { width: 0%; }
  to { width: 100%; }
}

/* Improved admin reports panel */
.v78-modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 18px !important;
  background: rgba(0,0,0,.74) !important;
  backdrop-filter: blur(4px) !important;
}
.v78-modal.is-open {
  display: flex !important;
}
.v78-panel {
  width: min(1180px, calc(100vw - 28px)) !important;
  max-height: min(90vh, 900px) !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  border-radius: 0 !important;
  border: 1px solid var(--pub-line, rgba(255,255,255,.16)) !important;
  border-left: 4px solid var(--pub-accent, #f4c542) !important;
  background: var(--pub-surface, #111318) !important;
  color: var(--pub-text, #f4f5f7) !important;
  box-shadow: 12px 12px 0 rgba(0,0,0,.34) !important;
}
.v78-panel-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  padding: 16px !important;
  border-bottom: 1px solid var(--pub-line, rgba(255,255,255,.14)) !important;
}
.v78-panel-head h2 {
  margin: 0 !important;
  font-size: 1.2rem !important;
  text-transform: uppercase !important;
}
.v78-panel-head p {
  margin: 4px 0 0 !important;
  color: var(--pub-muted, rgba(244,245,247,.68)) !important;
}
.v78-admin-stats {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid var(--pub-line, rgba(255,255,255,.12)) !important;
}
.v78-stat {
  border: 1px solid var(--pub-line, rgba(255,255,255,.12)) !important;
  background: var(--pub-surface-2, rgba(255,255,255,.05)) !important;
  padding: 10px !important;
  border-radius: 0 !important;
}
.v78-stat strong { display:block !important; font-size: 1.2rem !important; }
.v78-stat small { color: var(--pub-muted, rgba(244,245,247,.68)) !important; }
.v78-admin-toolbar {
  display: grid !important;
  grid-template-columns: 170px 210px minmax(220px,1fr) auto !important;
  gap: 10px !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid var(--pub-line, rgba(255,255,255,.12)) !important;
}
.v78-admin-toolbar input,
.v78-admin-toolbar select,
.v78-admin-body textarea {
  width: 100% !important;
  border-radius: 0 !important;
  border: 1px solid var(--pub-line, rgba(255,255,255,.14)) !important;
  background: var(--pub-surface-2, rgba(255,255,255,.055)) !important;
  color: var(--pub-text, #f4f5f7) !important;
  padding: 9px 10px !important;
  font: inherit !important;
}
.v78-admin-body {
  min-height: 0 !important;
  overflow: auto !important;
  padding: 14px 16px 18px !important;
}
.v78-report-grid {
  display: grid !important;
  gap: 12px !important;
}
.v78-report-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 260px !important;
  gap: 12px !important;
  align-items: stretch !important;
  padding: 13px !important;
  border-radius: 0 !important;
  border: 1px solid var(--pub-line, rgba(255,255,255,.14)) !important;
  background: var(--pub-surface-2, rgba(255,255,255,.045)) !important;
}
.v78-report-card.is-open {
  border-left: 4px solid var(--pub-accent, #f4c542) !important;
}
.v78-report-card.is-resolved {
  opacity: .72 !important;
}
.v78-report-main {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}
.v78-report-tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}
.v78-tag {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 3px 7px !important;
  border-radius: 0 !important;
  border: 1px solid var(--pub-line, rgba(255,255,255,.12)) !important;
  background: rgba(0,0,0,.16) !important;
  color: var(--pub-muted, rgba(244,245,247,.72)) !important;
  font-size: .75rem !important;
  font-weight: 800 !important;
}
.v78-tag.type {
  color: var(--pub-accent, #f4c542) !important;
  border-color: rgba(244,197,66,.34) !important;
}
.v78-report-title {
  margin: 0 !important;
  color: var(--pub-text, #f4f5f7) !important;
  font-size: 1rem !important;
  line-height: 1.2 !important;
}
.v78-report-text {
  margin: 0 !important;
  color: var(--pub-muted, rgba(244,245,247,.72)) !important;
  line-height: 1.36 !important;
  white-space: pre-wrap !important;
  overflow-wrap: anywhere !important;
}
.v78-report-meta {
  display: grid !important;
  gap: 4px !important;
  color: var(--pub-muted, rgba(244,245,247,.62)) !important;
  font-size: .78rem !important;
}
.v78-report-side {
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
}
.v78-side-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 8px !important;
}
.v78-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 36px !important;
  padding: 0 11px !important;
  border-radius: 0 !important;
  border: 1px solid var(--pub-line, rgba(255,255,255,.14)) !important;
  background: var(--pub-surface-2, rgba(255,255,255,.055)) !important;
  color: var(--pub-text, #f4f5f7) !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  text-decoration: none !important;
}
.v78-btn:hover {
  border-color: var(--pub-accent, #f4c542) !important;
  color: var(--pub-accent, #f4c542) !important;
}
.v78-btn.primary {
  background: var(--pub-accent, #f4c542) !important;
  border-color: var(--pub-accent, #f4c542) !important;
  color: #111 !important;
}
.v78-btn.danger {
  color: #ff6262 !important;
  border-color: rgba(255,98,98,.38) !important;
}
.v78-empty {
  padding: 30px !important;
  text-align: center !important;
  border: 1px dashed var(--pub-line, rgba(255,255,255,.14)) !important;
  color: var(--pub-muted, rgba(244,245,247,.72)) !important;
}

/* light theme */
body.light .feed-comment-item.comment.comment-item-modern,
body.light .v78-panel,
body.light .v78-report-card,
body.light .v78-stat,
body.light .v78-target,
body.light .v78-empty,
body.light #pinnedDonateSpotlight .pinned-donate-card,
body.light #pinnedDonateSpotlight .pinned-donate-card-restored {
  background: #fff !important;
  color: #15171a !important;
  border-color: #d8d8d8 !important;
  box-shadow: 6px 6px 0 rgba(0,0,0,.10) !important;
}
body.light .v78-report-text,
body.light .v78-report-meta,
body.light .feed-comment-head time {
  color: #555 !important;
}
body.light .v78-btn,
body.light .v78-card-icon-btn,
body.light .v78-admin-toolbar input,
body.light .v78-admin-toolbar select {
  background: #f3f3f1 !important;
  color: #15171a !important;
  border-color: #d8d8d8 !important;
}
body.light .v78-pin-badge,
body.light .video-card-pin-badge,
body.light .community-post-pinned-badge,
body.light .feed-post-pinned-label,
body.light .donate-pin-badge,
body.light .giveaway-pin-badge {
  background: #fff7d7 !important;
  color: #15171a !important;
}

@media (max-width: 820px) {
  .v78-admin-stats { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .v78-admin-toolbar { grid-template-columns: 1fr !important; }
  .v78-report-card { grid-template-columns: 1fr !important; }
  .v78-side-row { grid-template-columns: 1fr !important; }
  .feed-comment-replies { margin-left: 12px !important; }
}