/* Lo propio de Mensualidades sobre estilo.css y producto.css (los mismos de Inventario). */
.titulo-fila{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.titulo-fila h2{margin:0}
.fila-clic{cursor:pointer}.fila-clic:focus-visible{outline:2px solid var(--lima);outline-offset:2px}
.pildora{flex:none;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;white-space:nowrap;border:1px solid transparent}
.pildora.verde{color:#a7f3c4;background:rgba(126,226,168,.12);border-color:rgba(126,226,168,.3)}
.pildora.ambar{color:#f5d68a;background:rgba(245,196,81,.12);border-color:rgba(245,196,81,.35)}
.pildora.rojo{color:#ffb4aa;background:rgba(255,122,107,.12);border-color:rgba(255,122,107,.35)}
.pildora.gris{color:var(--tinta-baja);background:var(--sup-2);border-color:var(--borde)}
.estado-socio{margin:10px 0 4px;padding:10px 14px;border-radius:12px;font-weight:700;font-size:15px}
.estado-socio.verde{background:rgba(126,226,168,.12);color:#a7f3c4}.estado-socio.ambar{background:rgba(245,196,81,.12);color:#f5d68a}
.estado-socio.rojo{background:rgba(255,122,107,.12);color:#ffb4aa}.estado-socio.gris{background:var(--sup-2);color:var(--tinta-baja)}
.dos{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#d-ficha,#d-socio,#d-plan{width:min(600px,calc(100vw - 32px))}
.monto{text-align:right;font-weight:700;font-size:17px;white-space:nowrap}.monto small{display:block;font-weight:500;font-size:12px;color:var(--tinta-baja)}
.cuadro.aviso b{color:var(--ambar)}.cuadro.alerta b{color:var(--rojo)}
/* Resultado de la entrada: grande, para verlo de lejos en la recepción */
dialog.resultado{text-align:center;width:min(420px,calc(100vw - 32px))}
.resultado .sello{width:96px;height:96px;margin:4px auto 10px;border-radius:50%;display:grid;place-items:center;font-size:52px;font-weight:800}
.resultado.ok .sello{background:rgba(126,226,168,.16);color:#7ee2a8;box-shadow:0 0 0 6px rgba(126,226,168,.08)}
.resultado.no .sello{background:rgba(255,122,107,.16);color:#ff7a6b;box-shadow:0 0 0 6px rgba(255,122,107,.08)}
.resultado h3{font-size:24px;margin:6px 0}
.resultado p{color:var(--tinta-media);margin:0 0 14px}
@media (max-width:480px){.dos{grid-template-columns:1fr}.titulo-fila .btn{padding:9px 14px}}
@media (prefers-reduced-motion:no-preference){dialog.resultado[open] .sello{animation:sello .28s cubic-bezier(.2,1.4,.4,1)}}
@keyframes sello{from{transform:scale(.6);opacity:0}}
/* Lo propio del Taller */
.pildora.azul{color:#bcd7ff;background:rgba(114,183,255,.12);border-color:rgba(114,183,255,.35)}
.pildora.lila{color:#dccbff;background:rgba(195,160,255,.12);border-color:rgba(195,160,255,.35)}
.estado-socio.azul{background:rgba(114,183,255,.12);color:#bcd7ff}.estado-socio.lila{background:rgba(195,160,255,.12);color:#dccbff}
.orden-num{font-variant-numeric:tabular-nums;color:var(--tinta-baja);font-weight:600;margin-right:6px}
.atrasada{color:var(--rojo);font-weight:700}
.chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips .chip{flex:none}
textarea{width:100%;font:inherit;color:var(--tinta);background:var(--lienzo);border:1px solid var(--borde-fuerte);border-radius:12px;padding:11px 12px;margin-top:4px;min-height:70px;resize:vertical}
textarea:focus{outline:2px solid var(--lima);outline-offset:1px;border-color:transparent}
.bloque{border-top:1px solid var(--borde);margin-top:16px;padding-top:12px}
.historial .nota-interna{border-style:dashed}
.saldo{display:flex;gap:18px;flex-wrap:wrap;margin:10px 0}.saldo div{display:flex;flex-direction:column}.saldo span{font-size:12px;color:var(--tinta-baja)}.saldo b{font-size:20px}
#d-orden,#d-nueva{width:min(640px,calc(100vw - 32px))}