/* Avisos: bandeja del alumno y del profe. Usa las clases de idc.css. */

.av-fila { align-items: flex-start; }
.av-fila--nueva .lista__que b { color: var(--ink); }
.av-fila--nueva { background: var(--accent-soft); border-radius: 10px; padding-left: 8px; padding-right: 8px; }
.av-icono { background: var(--accent-soft); border-color: rgba(79, 140, 255, 0.3); color: var(--accent); }
.av-fila .lista__que > span { display: block; }
.av-fila .md-linea { color: var(--muted-2); font-size: 12px; }

.av-medios .interruptor { flex: 1; }
.av-nota { border-color: rgba(245, 165, 36, 0.45); color: var(--ink-2); }

.av-lista > li { align-items: center; flex-wrap: wrap; }
.av-marcas { margin-left: auto; gap: 6px; }
.av-marcas .opcion { padding: 5px 10px; font-size: 12.5px; }
.av-dia input { max-width: 220px; }

/* «No voy» dentro de la tarjeta de clase del alumno */
.clase .av-novoy { margin-left: auto; align-self: center; }
.clase.av-no-voy { opacity: 0.72; }

@media (max-width: 880px) {
  .av-marcas { margin-left: 46px; width: calc(100% - 46px); }
  .av-lista > li > .lista__que { flex: 1 1 calc(100% - 52px); }
  .clase .av-novoy { margin-left: 0; width: 100%; }
}

/* un <select> con opciones largas no puede ensanchar la pantalla del móvil */
#av-form .campo { min-width: 0; }
#av-form select, #av-form input, #av-form textarea { width: 100%; min-width: 0; max-width: 100%; }