/* ══════════════════════════════════════════════════════════
   Picker — Quick activities (3rd home button + cards)
   ══════════════════════════════════════════════════════════ */

/* Three home buttons side by side on a normal screen */
#actHome .act-home-btn { width: 300px; }
#actHome .act-home-btn .act-home-title { text-align: center; line-height: 1.1; }

/* Card: coloured tile with the template emoji + the template name */
.act-quick-card { --qc: #a78bfa; }
.act-quick-card:hover { border-color: var(--qc); }
.act-quick-icon {
  display: grid; place-items: center;
  width: 108px; height: 108px; border-radius: 22px;
  font-size: 58px; line-height: 1;
  background: color-mix(in srgb, var(--qc) 16%, #161b22);
  border: 2px solid color-mix(in srgb, var(--qc) 55%, transparent);
}
.act-quick-kind {
  font-size: 12px; font-weight: 600; letter-spacing: .4px; text-transform: uppercase;
  color: var(--qc);
}

@media (max-width: 700px) {
  #actHome .act-home-btn { width: 100%; min-height: 140px; }
}

/* Quick activities shared by other teachers of the institute */
.act-quick-shared-title {
  grid-column: 1 / -1; flex-basis: 100%; width: 100%; margin: 18px 0 2px;
  font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #7dd3fc;
}
.act-quick-shared { border-style: dashed; }
.act-quick-shared .act-card-title { color: #7dd3fc; }
.act-quick-owner { font-size: 12px; color: #9da7b3; }