/* Admin overview (/admin). Loaded after styles.css and pages.css, and built from their parts:
   .page-main, .panel, .notice, .row-actions, .text-link and .link-button. */

.stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 32px 0 8px;
}

.stat {
  padding: 18px 20px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--surface);
}

.stat dt { color: var(--ink-soft); font-size: .84rem; }
.stat dd { margin: 0; }
.stat dd:nth-of-type(1) { margin-top: 6px; font: 700 2rem/1.1 var(--display); letter-spacing: -.03em; }
.stat-note { margin-top: 6px !important; color: var(--ink-soft); font-size: .8rem; line-height: 1.45; }

.requests { display: grid; gap: 12px; margin: 0; padding: 0; list-style: none; }

.request {
  padding: 16px 18px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--surface);
}

.request.done { background: transparent; opacity: .7; }
.request .row-actions { margin-top: 12px; }

.request-who {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: 4px 16px;
}

.request-who strong { font-family: var(--display); font-size: 1.1rem; letter-spacing: -.02em; overflow-wrap: anywhere; }
.request-who span { color: var(--ink-soft); font-size: .8rem; }
.request-need { margin: 8px 0 0; color: var(--ink-soft); font-size: .92rem; line-height: 1.55; overflow-wrap: anywhere; }
.link-button.danger { border-color: transparent; color: var(--vermilion-deep); }

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