/* Admin-Seite: bewusst schlank und eigenstaendig (kein script.js), da sie
   nur intern genutzt wird und nicht die ganze Startseiten-Logik braucht. */

.admin-box {
  background: var(--card-bg);
  border: 1.5px solid var(--card-border);
  border-radius: 12px;
  padding: 18px;
  margin-bottom: 18px;
}
.admin-box h2 { font-size: 1.02rem; margin-bottom: 6px; }
.admin-hint { font-size: 0.8rem; color: var(--text-dim); line-height: 1.4; }

.admin-columns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 16px;
  margin-top: 12px;
}
.admin-col-title { font-size: 0.72rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.4px; color: var(--text-dim); margin-bottom: 6px; }
.admin-checklist {
  max-height: 260px;
  overflow-y: auto;
  border: 1.5px solid var(--card-border);
  border-radius: 10px;
  background: #111726;
  padding: 4px 0;
}

.admin-result {
  margin-top: 12px;
  font-size: 0.8rem;
  white-space: pre-wrap;
  word-break: break-word;
  background: #0d111c;
  border: 1px solid var(--card-border);
  border-radius: 8px;
  padding: 10px 12px;
  color: #cbd5e1;
  display: none;
  max-height: 260px;
  overflow-y: auto;
}
.admin-result.visible { display: block; }
.admin-result.error { border-color: var(--poke-red); color: #fca5a5; }
.admin-result.success { border-color: var(--success); }

.admin-summary-table { width: 100%; border-collapse: collapse; font-size: 0.82rem; }
.admin-summary-table th, .admin-summary-table td { text-align: left; padding: 6px 8px; border-bottom: 1px solid var(--card-border); }
.admin-summary-table th { color: var(--text-dim); font-weight: 800; text-transform: uppercase; font-size: 0.68rem; }

.admin-select-all { border-bottom: 1.5px solid var(--card-border) !important; background: rgba(250, 204, 21, 0.04); }

.admin-select { background: var(--card-bg); color: var(--text); border: 1.5px solid var(--card-border); border-radius: 8px; padding: 8px 10px; font-size: 0.82rem; }

.admin-denied { text-align: center; padding: 30px 10px; }
.admin-denied a { color: var(--poke-cyan); }
