.auth-card,
.admin-list-panel {
  display: grid;
  gap: 18px;
}

button.action-pill {
  appearance: none;
  cursor: pointer;
  font: inherit;
}

.auth-form {
  display: grid;
  gap: 16px;
}

.list-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
}

.empty-panel {
  display: grid;
  gap: 12px;
  min-height: 220px;
  align-content: center;
}

.admin-item.is-active {
  color: #f6f8ff;
  border-color: transparent;
  background: linear-gradient(135deg, var(--brand), var(--brand-strong));
  box-shadow: 0 16px 28px rgba(67, 88, 164, 0.2);
}

.admin-item.is-active p,
.admin-item.is-active h3,
.admin-item.is-active .status-line {
  color: #f6f8ff;
}

.admin-item.is-active .meta-chip {
  color: rgba(246, 248, 255, 0.92);
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.14);
}

.metric-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.metric-head strong {
  margin: 0;
}

.metric-score {
  font-size: 1.45rem;
  font-weight: 900;
  color: var(--brand-strong);
}

.kv-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.answer-block p,
.quote-block,
.json-box {
  white-space: pre-wrap;
  word-break: break-word;
}

.answer-block p {
  margin: 8px 0 0;
}

.detail-stack {
  display: grid;
  gap: 18px;
}

.detail-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.detail-header .panel-title {
  margin: 0;
}

.detail-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.inline-kv {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.inline-kv .meta-chip {
  min-height: 32px;
}

.simple-list.compact li + li {
  margin-top: 8px;
}

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