/* admin-quiz-builder.css — stili pagina Quiz builder */

/* A4: mobile scroll fix */
.qb-list {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 24px;
}

.qb-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
  margin-bottom: 16px;
}

@media (min-width: 720px) {
  .qb-grid {
    grid-template-columns: 1fr 1fr;
  }
  .qb-grid .field--full {
    grid-column: 1 / -1;
  }
}

.qb-list-table {
  width: 100%;
  border-collapse: collapse;
}

.qb-list-table th,
.qb-list-table td {
  padding: 8px;
  border-bottom: 1px solid var(--bd, #e0d8c8);
  text-align: left;
  font-size: 0.92em;
}

.qb-pill {
  display: inline-block;
  padding: 1px 8px;
  border-radius: 999px;
  font-size: 0.78em;
  font-weight: 500;
}

.qb-pill-on {
  background: #d4edda;
  color: #155724;
}

.qb-pill-off {
  background: #f0e5d0;
  color: #6e5a30;
}

.qb-schema-edit {
  font-family: var(--font-mono, ui-monospace, monospace);
  font-size: 0.85em;
  min-height: 360px;
  white-space: pre;
  tab-size: 2;
}

.qb-template-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0 0;
}

.qb-template-actions button {
  font-size: 0.85em;
  padding: 4px 10px;
}