/* Zusätzliche Styles nur fürs Dashboard */
.grid-3 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
}

.kpi {
  display: grid;
  gap: .25rem;
}
.kpi-title {
  font-size: .9rem;
  opacity: .8;
}
.kpi-value {
  font-size: 2rem;
  font-weight: 700;
}
.kpi-sub {
  font-size: .85rem;
  opacity: .7;
}

.card.action {
  text-align: center;
  cursor: pointer;
  user-select: none;
  border: 1px solid var(--accent);
}
.card.action:hover {
  background: var(--accent);
  color: var(--bg);
  transform: translateY(-2px);
}

.log-area {
  margin: 0;
  max-height: 360px;
  overflow: auto;
  font-family: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  white-space: pre-wrap;
}

.hint {
  opacity: .7;
  font-size: .9rem;
}