/* Closeout feed layout — extends /assets/weareswarm-theme.css */

.sync-meta {
  margin-top: 18px;
  font-size: 0.92rem;
  color: var(--muted);
}

.closeout-grid,
.closeout-feed-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
}

.closeout-card {
  border: 1px solid rgba(49, 95, 134, 0.82);
  background: linear-gradient(180deg, rgba(8, 17, 31, 0.88), rgba(6, 16, 31, 0.58));
  border-radius: 22px;
  padding: 18px;
  position: relative;
  overflow: hidden;
  min-width: 0;
}

.closeout-card h3 {
  margin: 0 0 8px;
  font-size: 1.08rem;
  color: var(--text);
  word-break: break-word;
}

.closeout-card p {
  margin: 0 0 10px;
  font-size: 0.98rem;
}

.closeout-card ul {
  margin: 0 0 10px;
  padding-left: 1.2rem;
  color: var(--text);
}

.closeout-card .badge {
  margin-bottom: 12px;
}

.closeout-card .badge.ok {
  color: var(--accent);
  background: rgba(0, 245, 255, 0.12);
  border: 1px solid rgba(0, 245, 255, 0.35);
}

.closeout-card .badge.block {
  color: var(--red);
  background: rgba(255, 77, 109, 0.12);
  border: 1px solid rgba(255, 77, 109, 0.35);
}

.closeout-card .badge.warn {
  color: var(--amber);
  background: rgba(255, 176, 32, 0.12);
  border: 1px solid rgba(255, 176, 32, 0.35);
}

.feed-meta,
.feed-verify {
  font-size: 0.85rem;
  color: var(--muted);
}

.feed-id {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 0.78rem;
  color: var(--cyan);
  word-break: break-all;
}

.closeout-feed-empty,
.empty-state {
  color: var(--muted);
  font-size: 0.95rem;
  margin: 0;
}

.footerbar code {
  color: var(--cyan);
  font-size: 0.86em;
}

@media (max-width: 720px) {
  .closeout-grid {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .closeout-card {
    animation: rise 0.58s ease both;
  }
}