/* KD2041 Forts page tabs + Live tab (forts-tabs.js). Uses the War Room card styles (warroom.css). */
#kd2041-fort {
  --kdp-ink: #f7f0ff;
  --kdp-muted: #b9accb;
  --kdp-line: rgba(146, 86, 220, 0.42);
  --kdp-gold: #ffd447;
  --kdp-violet: #8b5cf6;
  --kdp-green: #64ff7a;
  --kdp-red: #ff6b7a;
  --kdw-card: rgba(13, 7, 22, 0.82);
  --kdw-card-strong: rgba(18, 10, 30, 0.94);
  --kdw-line: rgba(146, 86, 220, 0.38);
  --kdw-online: #5dff8f;
  --kdw-amber: #ffb547;
  --kdw-blue: #7cc4ff;
}
#kd2041-fort [hidden] { display: none !important; }

.kdf-tabs {
  position: sticky;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 8px);
  z-index: 15;
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  gap: 6px;
  margin: 18px 0;
  padding: 6px;
  border: 1px solid rgba(168, 85, 247, 0.24);
  border-radius: 8px;
  background: rgba(7, 6, 11, 0.88);
  backdrop-filter: blur(14px);
}
.kdf-tabs a {
  flex: 1 1 auto;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border-radius: 6px;
  color: #ece9f7;
  font-weight: 850;
  font-size: 15px;
  text-decoration: none;
  white-space: nowrap;
  transition: background 160ms ease, color 160ms ease;
}
.kdf-tabs a:hover { background: rgba(255, 255, 255, 0.06); }
.kdf-tabs a.is-on { color: #08110d; background: linear-gradient(135deg, #f5c451, #c74dff); }
.kdf-tabs a.kdf-tab-out { flex: 0 0 auto; color: var(--kdp-gold); border: 1px solid rgba(245, 196, 81, 0.35); }

.kdf-live .kd-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.kdf-live .kdw-live { display: inline-flex; }
.kdf-tiles { margin: 6px 0 16px; }
.kdf-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 18px; }
.kdf-h { margin: 0 0 10px; font-size: 18px; color: var(--kdp-ink); }
.kdf-live .kdw-feed { max-height: 560px; overflow: auto; }
.kdf-foot { margin: 14px 0 0; color: var(--kdp-muted); font-size: 13px; }
.kdf-note {
  padding: 18px;
  border: 1px solid var(--kdw-line);
  border-radius: 8px;
  background: var(--kdw-card);
  color: var(--kdp-ink);
}
.kdf-note p { margin: 0 0 10px; }
.kdf-button {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  padding: 0 16px;
  border-radius: 8px;
  color: #08110d !important;
  background: linear-gradient(135deg, #f5c451, #b8862a);
  font-weight: 850;
  text-decoration: none;
}
.kdf-levels { margin-top: 22px; }
.kdf-levels h3 { margin: 0; }
.kdf-sub { margin: 4px 0 10px; color: var(--kdp-muted); font-size: 13px; }
.kdf-levels .kdw-hbar div span { color: var(--kdp-ink); }

@media (max-width: 860px) {
  .kdf-grid { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .kdf-tabs { gap: 3px; padding: 4px; }
  .kdf-tabs a { flex: 1 1 0; padding: 0 6px; font-size: 13px; }
}