/* La Forja · cara · vincular una app (N1). Solo tokens de cara.css; nada de estilos en línea (CSP style-src 'self'). */
button.enlace {
  background: none; border: 0; padding: 0; min-height: 32px; font: inherit; color: var(--accent-texto); cursor: pointer; text-decoration: underline;
}
select {
  display: block; width: 100%; margin-top: 6px; min-height: 44px; padding: 10px 12px; font: inherit; color: var(--texto);
  background: var(--card); border: 1px solid var(--borde); border-radius: 12px;
}
select:focus-visible { outline: 2px solid var(--foco); outline-offset: 2px; }
.codigo6 {
  margin: 8px 0; text-align: center; font: 700 2rem/1.2 ui-monospace, "JetBrains Mono", Consolas, monospace; letter-spacing: .25em; color: var(--accent-texto);
}
.apps { list-style: none; margin: 0 0 8px; padding: 0; display: grid; gap: 8px; }
.apps li { border: 1px solid var(--borde); border-radius: 12px; padding: 10px 12px; }
.apps .nombre { font-weight: 600; }
.apps .detalle { color: var(--dimmer); font-size: .8125rem; margin: 2px 0 6px; }
.apps button { min-height: 44px; margin: 0 8px 0 0; padding: 0 14px; font: inherit; font-weight: 600; color: var(--dim); background: transparent; border: 1px solid var(--borde); border-radius: 12px; cursor: pointer; }
.apps button.peligro { color: var(--peligro); }
#p-emparejar button.secundario { margin-left: 0; }