/* Class filter inside the authenticated teacher dashboard. */
.teacher-class-filter {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-block: 14px;
  border-inline-start: 4px solid #0f9f93;
}

.teacher-class-filter h3,
.teacher-class-filter p {
  margin-block: 0;
}

.teacher-class-filter label {
  font-weight: 700;
}

.teacher-class-filter select {
  display: block;
  width: 100%;
  min-height: 48px;
  padding: 10px 12px;
  border: 1px solid var(--line, #cbd5d1);
  border-radius: 12px;
  background: var(--card, #fff);
  color: var(--ink, #18333b);
  font: inherit;
  text-align: right;
}

.teacher-class-filter select:focus-visible {
  outline: 3px solid #0f9f93;
  outline-offset: 2px;
}

.teacher-class-filter-note {
  line-height: 1.8;
  color: var(--muted, #52656a);
}

.visitor-card[hidden] {
  display: none !important;
}

html.dk .teacher-class-filter select {
  background: #15262e;
  color: #e6f1f2;
  border-color: #2b434d;
}