/* Pestaña Recomendación de la ficha de cliente (spec 2026-09-11 §7). Misma
   piel que el resto: tokens, tarjetas .reco-card y etiquetas .tag. */
.reco-perfil { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 13px; }
.reco-perfil .sin { color: var(--text2); }
.reco-estado { display: inline-flex; align-items: center; gap: 6px; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; }
.reco-estado::before { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--text2); }
.reco-estado.borrador::before { background: var(--yellow, #fbbf24); }
.reco-estado.revisada::before { background: var(--accent); }
.reco-estado.enviada::before { background: var(--green, #34d399); }
.reco-estado.aceptada::before { background: var(--green, #34d399); }
.reco-estado.parcial::before { background: var(--yellow, #fbbf24); }
.reco-estado.rechazada::before { background: var(--red, #f87171); }
.reco-resumen { width: 100%; min-height: 64px; background: var(--inset); border: 1px solid var(--border); border-radius: 8px; color: var(--text); padding: 8px 10px; font: inherit; font-size: 13px; line-height: 1.5; resize: vertical; }
.reco-acciones { display: flex; flex-direction: column; gap: 8px; }
.reco-accion { border-left: 3px solid var(--border); background: var(--bg3); border-radius: 8px; padding: 10px 12px; }
.reco-accion.REDUCIR, .reco-accion.SALIR { border-left-color: var(--red, #f87171); }
.reco-accion.AUMENTAR, .reco-accion.INCORPORAR { border-left-color: var(--green, #34d399); }
.reco-accion.MANTENER { border-left-color: var(--accent); }
.reco-accion .cab { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13px; }
.reco-accion .cab .tipo { font-weight: 700; font-size: 11px; letter-spacing: .04em; }
.reco-accion .cab .isin { color: var(--text2); font-size: 11.5px; }
.reco-accion .pesos { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; font-variant-numeric: tabular-nums; font-size: 12.5px; }
.reco-accion .pesos input { width: 64px; text-align: right; background: var(--inset); border: 1px solid var(--border); border-radius: 6px; color: var(--text); padding: 4px 6px; font: inherit; font-size: 12.5px; }
.reco-accion .motivo { width: 100%; margin-top: 6px; background: transparent; border: 1px dashed transparent; border-radius: 6px; color: var(--text); padding: 4px 6px; font: inherit; font-size: 12.5px; line-height: 1.45; resize: vertical; }
.reco-accion .motivo:focus, .reco-accion .motivo:hover { border-color: var(--border); background: var(--inset); }
.reco-accion .motivo[readonly] { pointer-events: none; }
.reco-accion .riesgos { font-size: 12px; color: var(--text2); margin-top: 2px; }
.reco-suma { text-align: right; font-size: 12.5px; color: var(--text2); margin-top: 6px; font-variant-numeric: tabular-nums; }
.reco-suma.mal { color: var(--red, #f87171); font-weight: 600; }
.reco-ad { border-collapse: collapse; font-size: 12.5px; margin-top: 6px; font-variant-numeric: tabular-nums; }
.reco-ad th, .reco-ad td { padding: 4px 10px; border-bottom: 1px solid var(--border); text-align: right; }
.reco-ad th:first-child, .reco-ad td:first-child { text-align: left; color: var(--text2); }
.reco-avisos { font-size: 12px; color: var(--text2); margin-top: 8px; }
.reco-avisos li { margin-left: 16px; }
.reco-web { font-size: 12.5px; margin-top: 10px; padding: 10px 12px; background: var(--bg3); border-radius: 8px; }
.reco-web a { color: var(--accent); word-break: break-all; }
.reco-hist { display: flex; flex-wrap: wrap; gap: 8px; }
.reco-hist button { font-size: 12px; }
.reco-linea { font-size: 12.5px; color: var(--text2); margin: 4px 0 12px; }
.reco-linea a { color: var(--accent); cursor: pointer; }
.reco-barra { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin-top: 14px; }