/* O «Explorar» da criança (student-filters.js; spec 79, dono 17/10/2026): os mesmos filtros nas três skins, em botões
   de toque com ícone e palavra. Só a linguagem visual muda, pelos tokens da skin: Pequenos com alvo de 64 px, letra e
   ícone grandes; Clássica e Grandes mais compactos (48 px). E as ilustrações dos cartões em destaque. */
.student-workspace #app:not(.entry-shell) .student-filters {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 14px;
  margin: 12px 0 18px;
  padding: 16px 18px;
  border: var(--skin-border, 2px) solid var(--app-border);
  border-radius: var(--skin-card-radius, 18px);
  background: var(--app-card);
}
.student-filters .student-search {
  display: grid;
  gap: 6px;
  font-weight: 700;
}
.student-filters .student-search input {
  width: 100%;
}
.student-filter-group {
  display: grid;
  gap: 8px;
}
.student-filter-title {
  margin: 0;
  font-weight: 700;
  font-size: var(--skin-text-small, 16px);
}
.student-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.student-workspace #app:not(.entry-shell) .student-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: var(--skin-target, 48px);
  min-width: var(--skin-target, 48px);
  padding: 6px 16px;
  border: var(--skin-border, 2px) solid var(--app-border);
  border-radius: 999px;
  background: var(--app-card);
  color: var(--app-ink);
  font-size: var(--skin-button-text, 17px);
  line-height: 1.15;
}
.student-chip-icon {
  font-size: calc(var(--skin-icon-text, 40px) * 0.5);
  line-height: 1;
}
/* O escolhido: fundo, borda grossa e o ✓ (nunca só a cor). */
.student-workspace #app:not(.entry-shell) .student-chip[aria-pressed='true'] {
  border: 3px solid var(--app-primary);
  background: var(--app-selected, var(--app-tint));
  font-weight: 800;
}
.student-chip[aria-pressed='true']::after {
  content: '✓';
  font-weight: 900;
}
.student-workspace #app:not(.entry-shell) .student-filter-clear {
  align-self: flex-start;
  min-height: var(--skin-target, 48px);
}
.student-filter-clear:disabled {
  opacity: 0.6;
}

/* As ilustrações dos cartões: maiores, num fundo pastel da cor do tipo de atividade. */
.student-workspace .student-catalog-grid .catalog-scene {
  display: grid;
  place-items: center;
  min-height: calc(var(--skin-icon, 64px) * 1.9);
  font-size: calc(var(--skin-icon-text, 40px) * 1.7);
  background: color-mix(in srgb, var(--kid-accent) 30%, var(--app-card));
}
.student-workspace .learning-icon {
  background: color-mix(in srgb, var(--kid-accent) 22%, var(--app-card));
}
/* O campo de busca da criança com alvo de 56 px (saiu de shared/library-search.css no F4, D92). */
.student-search input {
  min-height: var(--touch-target, 56px);
  font-size: 20px;
  padding: 0 16px;
}