/* Palette Role Checker — tidy analytical role board (spec 18). */

.pct-role-board {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  min-height: 220px;
  gap: 10px;
  width: 100%;
  margin-bottom: 14px;
}

.pct-role-board span {
  border-radius: 8px;
  background: #f1eadb;
  border: 1px solid var(--pct-line);
  display: grid;
  place-items: end center;
  padding: 12px;
  font-weight: 800;
  font-size: 12.5px;
  color: var(--pct-muted);
}

.pct-role-board-empty { display: grid; gap: 8px; }

.pct-role-map {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.pct-role-card { display: grid; gap: 7px; align-content: start; }
.pct-role-card .pct-chip { width: 40px; height: 40px; }
.pct-role-card .pct-copy { width: fit-content; max-width: 100%; }

[data-theme="dark"] .pct-role-board span { background: #2a2a25; }

@media (max-width: 640px) {
  .pct-role-board { grid-template-columns: repeat(2, 1fr); min-height: 0; }
  .pct-role-board span { min-height: 64px; }
  .pct-role-map { grid-template-columns: 1fr; }
  .pct-role-strip {
    gap: 8px;
  }
  .pct-role-strip-item {
    flex: 1 1 130px;
  }
  .pct-role-card .pct-copy {
    width: 100%;
  }
}