/* ladocencIA — controles de privacidad/compartir y salvaguardas de UI */

.btn-compartir-seguro,
.btn-enlace-publico {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: .42rem .72rem;
  border: 1px solid rgba(22,56,42,.14);
  border-radius: 9px;
  background: #fff;
  color: #173f31;
  font: 600 .8rem var(--sans, system-ui, sans-serif);
  text-decoration: none;
  cursor: pointer;
  transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease;
}

.btn-compartir-seguro:hover,
.btn-enlace-publico:hover {
  transform: translateY(-1px);
  border-color: rgba(36,87,67,.35);
  box-shadow: 0 5px 14px rgba(18,50,37,.07);
}

.btn-compartir-seguro:disabled {
  opacity: .65;
  cursor: wait;
  transform: none;
}

.classroom-share {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  margin-left: 0;
}

.classroom-share-render {
  display: inline-flex;
  align-items: center;
}

/* modern-ui.css da ancho/tamaño táctil a inputs generales. Los checkboxes
   curriculares deben conservar su tamaño nativo. */
.nem-pda-item input[type="checkbox"],
.nem-check input[type="checkbox"] {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  min-height: 0;
  padding: 0;
  border: 0;
  box-shadow: none;
  background: transparent;
}

/* Evita que un formulario largo quede parcialmente inaccesible cuando el
   panel es sticky en laptops con poca altura vertical. */
@media (min-width: 981px) {
  .panel-intake {
    max-height: calc(100vh - 36px);
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-gutter: stable;
  }
}

@media (max-width: 760px) {
  .classroom-share {
    flex-wrap: wrap;
  }
}