/* ===== Goons Status – page-scoped visuals only ===== */

/* Match your “card” look from other pages */
.gs-section {
  border: 1px solid rgba(0,255,102,.25);
  padding: 1rem;
  margin: 1rem 0;
  box-shadow: 0 0 14px rgba(0,255,102,.08);
}

.gs-row { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.muted { color: #9aa0a6; }

/* Pill/badge styles */
.chip {
  padding: .2rem .5rem;
  border-radius: 999px;
  border: 1px solid rgba(0,255,102,.25);
  background: rgba(0,255,102,.08);
  color: #a7f3d0;
  font-size: .85rem;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}
.chip.stale {
  border-color: rgba(255,194,0,.45);
  background: rgba(255,194,0,.08);
  color: #ffd889;
}

.badge {
  padding: .25rem .5rem;
  border-radius: 999px;
  background: rgba(0,255,102,.08);
  border: 1px solid rgba(0,255,102,.25);
  color: #a7f3d0;
  font-size: .85rem;
  white-space: nowrap;
}

/* Map name */
.map-pill {
  display: inline-block;
  padding: .2rem .5rem;
  border-radius: 6px;
  border: 1px solid rgba(0,255,102,.25);
  background: rgba(0,255,102,.08);
  color: #283f75;   /* your chosen accent color */
  font-weight: 700;
  text-shadow: none;
}
.pill-row { margin-bottom: .35rem; }

/* Cards & layout */
.gs-card { margin-bottom: .75rem; }
.gs-card h3 { margin: 0 0 .35rem 0; font-size: 1.05rem; }

.gs-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 14px;
}

/* Header meta row */
.page-meta { display:flex; gap:.5rem; align-items:center; flex-wrap:wrap; }
.page-meta .spacer { flex: 1 1 auto; }

/* Tighten glow around updated badge for clearer text */
#gs-updated { text-shadow: none; }