/* Server Feed — one panel, segmented filters, flat rows. */
.ph-feed {
  border: 1px solid #2f3336 !important;
  background: #16181c !important;
  border-radius: 16px !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

.ph-section-head--feed {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 0 !important;
  background: #16181c !important;
  border-bottom: 1px solid #2f3336 !important;
  padding: 12px 12px 10px !important;
}

.ph-section-head--feed .ph-section-title {
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #e7e9ea !important;
  letter-spacing: -0.03em !important;
  line-height: 1.2 !important;
}

.ph-section-head--feed .ph-section-title::after {
  display: none !important;
}

.ph-feed .ph-section-sub,
.ph-section-head--feed .ph-section-sub {
  color: #71767b !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  margin: 0 4px 10px !important;
  opacity: 1 !important;
  text-shadow: none !important;
}

.ph-feed-tabs {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 2px !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  margin: 0 !important;
  padding: 3px !important;
  background: #0b0d10 !important;
  border: 1px solid #2f3336 !important;
  border-radius: 10px !important;
  scrollbar-width: none !important;
}

.ph-feed-tabs::-webkit-scrollbar {
  display: none !important;
}

.ph-feed-tab,
.plf-filter {
  flex: 1 0 auto !important;
  appearance: none !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  color: #8b98a5 !important;
  padding: 7px 10px !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.ph-feed-tab:hover,
.plf-filter:hover {
  color: #e7e9ea !important;
  background: rgba(255, 255, 255, 0.04) !important;
  box-shadow: none !important;
}

.ph-feed-tab.is-active,
.plf-filter.is-active {
  color: #e7e9ea !important;
  background: #2f3336 !important;
  box-shadow: none !important;
}

.ph-feed-panel {
  background: #16181c !important;
  min-height: 240px !important;
}

.plf-lines,
.plf-list {
  max-height: min(62vh, 640px) !important;
  padding: 0 !important;
}

.plf-line,
.plf-row {
  margin: 0 !important;
  padding: 11px 14px !important;
  border: 0 !important;
  border-bottom: 1px solid #2f3336 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #c8d0d8 !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  gap: 16px !important;
}

.plf-line:hover {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: #2f3336 !important;
}

.plf-line:last-child {
  border-bottom: 0 !important;
}

.ph-feed .plf-line--kill,
.ph-feed .plf-line--zorp,
.ph-feed .plf-line--player,
.ph-feed .plf-line--claim,
.ph-feed .plf-line--daily,
.ph-feed .plf-line--card,
.ph-feed .plf-line--tp,
.ph-feed .plf-line--note,
.ph-feed .plf-line--xp {
  border-left: 0 !important;
  border-left-color: transparent !important;
}

.plf-time {
  color: #536471 !important;
  font-weight: 400 !important;
  font-size: 12px !important;
}

.plf-sep {
  color: #536471 !important;
  font-weight: 600 !important;
}

.ph-feed .plf-text,
.ph-feed .plf-body {
  color: inherit !important;
}

.ph-feed .plf-daily,
.ph-feed .plf-daily-reward,
.ph-feed .plf-daily-card,
.ph-feed .plf-qty,
.ph-feed .plf-item,
.ph-feed .plf-tp,
.ph-feed .plf-note,
.ph-feed .plf-boost,
.ph-feed .plf-protected,
.ph-feed .plf-blocked,
.ph-feed .plf-level,
.ph-feed .plf-challenge,
.ph-feed .plf-card-name,
.ph-feed .plf-card-rarity--yellow,
.ph-feed .plf-card-rarity--blue,
.ph-feed .plf-card-rarity--green,
.ph-feed .plf-card-rarity--orange,
.ph-feed .plf-card-rarity--purple {
  color: #e7e9ea !important;
  font-weight: 600 !important;
}

.ph-feed .plf-online {
  color: #8b98a5 !important;
  font-weight: 600 !important;
}

.ph-feed .plf-offline {
  color: #71767b !important;
  font-weight: 500 !important;
}

.ph-feed .plf-ign {
  font-weight: 700 !important;
}

.ph-feed .plf-ign:not([style*="color"]),
.ph-feed .plf-ign--killer:not([style*="color"]),
.ph-feed .plf-ign--victim:not([style*="color"]),
.ph-feed .plf-ign--victim {
  color: #e7e9ea !important;
}

.plf-empty,
.plf-status {
  margin: 0 !important;
  padding: 28px 16px !important;
  text-align: center !important;
  color: #536471 !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

.plf-status.is-err {
  color: #f4212e !important;
}

@media (max-width: 700px) {
  .ph-section-head--feed {
    padding: 10px 10px 8px !important;
  }

  .ph-feed-tab,
  .plf-filter {
    flex: 0 0 auto !important;
    padding: 7px 9px !important;
    font-size: 12.5px !important;
  }

  .plf-line,
  .plf-row {
    padding: 10px 12px !important;
    font-size: 13.5px !important;
  }
}