/* Ecranul Atividades: completează gem.css (grila de grupe, chip-urile de orar). Doar tokens (zero culori literale), zero stil inline. */
.app .grupos-grade { list-style: none; margin: var(--e-4) 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr)); gap: var(--e-4); }
.app .grupo-cartao { display: flex; flex-direction: column; gap: var(--e-3); overflow-wrap: anywhere; }
.grupo-cartao h3 { font-family: var(--f-titulo); font-size: var(--t-xl); font-weight: 600; }
.grupo-modalidade { font-weight: 700; color: var(--acento); }
.app .grupo-meta { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--e-1); }
.app .horarios { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: var(--e-2); }
.horario-chip { display: inline-flex; align-items: center; gap: var(--e-1); min-width: 0; max-width: 100%; min-height: var(--alvo); padding: 0 var(--e-3); border: 2px solid var(--linha-forte); border-radius: var(--r-pilula); background: var(--superficie); font-weight: 700; }
.horario-chip:has(.btn-icone) { padding-right: 0; }