/* ============================================================
   Calculadora de Caneta — só o que é específico deste módulo.
   O sistema visual (cartões, campos, presets, resultado, etiqueta)
   vem de ../blend/assets/css/blend.css, escopado em .blend-app.
   ============================================================ */

/* Alternador mcg/mg no campo de dose */
.blend-app .blend-unit-toggle {
  min-width: 54px;
  min-height: 46px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--blend-radius-sm);
  background: var(--blend-surface-3);
  color: var(--blend-accent);
  font-size: 0.88rem;
  font-weight: 800;
  cursor: pointer;
}

.blend-app .blend-unit-toggle:hover {
  border-color: var(--blend-accent);
}

/* Bloco de transferência: destaque discreto, é instrução de preparo */
.caneta-app .blend-dl {
  margin-bottom: 0;
}

/* Alternativas: o volume é o dado principal, não o número de cliques */
.caneta-app .blend-candidate-main {
  font-size: 1rem;
}

/* Referência do catálogo abaixo do produto */
#caneta-reference:empty {
  display: none;
}

#caneta-reference {
  margin-top: 8px;
}