body { font-size: 0.95rem; }
.card { box-shadow: 0 1px 2px rgba(0,0,0,.08); }

#reader {
  min-height: 260px;
  background: #111;
  border-radius: .375rem;
  overflow: hidden;
}

#reader video {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* html5-qrcode genera un canvas interno que puede verse duplicado en algunos móviles */
#reader canvas {
  display: none !important;
}

.task-suggestions {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  right: 0;
  z-index: 1050;
  max-height: 220px;
  overflow-y: auto;
}