/* Ready2Teach visual support icon layer
   Age-neutral, low-cognitive-load SVG icons for student-facing screens. */
.r2t-visual-icon {
  --r2t-icon-size: 1.25em;
  width: var(--r2t-icon-size);
  height: var(--r2t-icon-size);
  flex: 0 0 var(--r2t-icon-size);
  display: inline-block;
  vertical-align: -0.18em;
  color: currentColor;
}

.r2t-icon-label,
.r2t-heading-with-icon {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
}

.r2t-icon-label-text {
  display: inline-block;
}

.r2t-heading-with-icon .r2t-visual-icon {
  --r2t-icon-size: clamp(1.55rem, 3vw, 3.2rem);
  color: var(--r2t-orange, #f97316);
}

.r2t-tv-success .r2t-heading-with-icon .r2t-visual-icon {
  color: #15803d;
}

.r2t-station-action-button .r2t-icon-label {
  justify-content: center;
  gap: clamp(8px, 1.1vw, 16px);
}

.r2t-station-action-button .r2t-visual-icon {
  --r2t-icon-size: clamp(1.45rem, 2.8vw, 3.2rem);
}

.r2t-station-action-button.r2t-action-help {
  background: #102f47;
  color: #ffffff;
}

.r2t-station-action-button.r2t-action-finished {
  background: #166534;
  color: #ffffff;
}

.r2t-station-action-button.is-sent {
  filter: saturate(0.85);
  opacity: 0.92;
}

.r2t-station-task-card > .r2t-visual-icon,
.r2t-tv-now > .r2t-visual-icon {
  --r2t-icon-size: clamp(2rem, 4vw, 4.5rem);
}

@media print {
  .r2t-visual-icon {
    color: #111827;
  }
}