/* Soloecu · componentes comunes de los formularios (consulta y registro). Hereda los colores de la web (verde #39ff14, negro). */
.contact-form .ferr{display:block;margin-top:5px;color:#ff9a9a;font-size:.8rem;line-height:1.35}
.contact-form [aria-invalid="true"]{border-color:#ff7a7a}
.contact-form .status.err{color:#ff9a9a;font-size:.9rem}
.contact-form .status.fail{border:1px solid #ff7a7a;background:#170a0a;padding:14px 16px;margin-top:16px;color:#ffd6d6;font-size:.95rem;line-height:1.5}
.contact-form .status.fail strong{color:#fff}.contact-form .status.fail a{color:#39ff14;margin-right:16px;display:inline-block;margin-bottom:4px}
.testbanner{margin:18px 0 0;padding:12px 16px;border:1px dashed #39ff14;background:#39ff1410;color:#fff;font-size:.95rem}
.sf-prev{margin-top:30px;padding:clamp(18px,4vw,30px);border:1px solid #39ff14;background:#080808}.sf-prev[hidden]{display:none}
.sf-prev h3{color:#39ff14;margin:0 0 6px}.sf-prev .mt{color:#a0a0a0;margin:6px 0 14px}
.sf-prev dl{display:grid;grid-template-columns:70px 1fr;gap:6px 12px;margin:0 0 14px}.sf-prev dt{color:#a0a0a0}.sf-prev dd{margin:0;word-break:break-word}
.sf-prev pre{white-space:pre-wrap;word-break:break-word;background:#020202;border:1px solid #2a2a2a;padding:16px;font:.85rem/1.55 ui-monospace,Menlo,Consolas,monospace;color:#e8e8e8;margin:0 0 16px;max-height:60vh;overflow:auto}
.sf-prev .actions{display:flex;gap:10px;flex-wrap:wrap}
.reg-ok{margin-top:34px;padding:clamp(22px,4vw,34px);border:1px solid #39ff14;background:#080808}.reg-ok[hidden]{display:none}
.reg-ok h3{color:#39ff14;margin:0 0 10px}.reg-ok p{color:#f4f4f4;margin:0 0 18px}
.reg-ok .ccode{font:clamp(1.6rem,6vw,2.4rem) Michroma,sans-serif;letter-spacing:.06em;color:#39ff14;margin:4px 0 18px;word-break:break-all}
/* Registro por pasos */
.rg-prog{margin:22px 0 6px}.rg-prog[hidden]{display:none}
.rg-prog .t{font-size:.95rem;color:#cfcfcf;margin-bottom:8px}
.rg-prog .bar{height:4px;background:#1f1f1f}.rg-prog .bar i{display:block;height:100%;width:25%;background:#39ff14;transition:width .35s ease}
.rg-step{margin-top:22px}.rg-step[hidden]{display:none}
.rg-step h2{font:1rem Michroma,sans-serif;font-weight:400;color:#39ff14;margin:0 0 4px;outline:none}
.rg-step .sub{color:#a0a0a0;font-size:.92rem;margin:0 0 6px}
.reg-form small{display:block;margin-top:5px;color:#8a8a8a;font-size:.78rem;line-height:1.35}
.reg-form .req{color:#39ff14}
.reg-form .lbl{display:block;color:#f4f4f4;font-size:.9rem;margin-bottom:6px}
.reg-form .opts{display:grid;grid-template-columns:1fr;gap:8px}@media(min-width:560px){.reg-form .opts{grid-template-columns:1fr 1fr}}
.reg-form .opt{display:flex;gap:10px;align-items:center;margin:0;padding:12px;border:1px solid #2c2c2c;background:#020202;cursor:pointer}
.reg-form .opt input{width:18px;height:18px;margin:0;flex:none;accent-color:#39ff14}
.reg-form .opt:has(input:checked){border-color:#39ff14}
.reg-form input[type=date]{color-scheme:dark;min-height:46px}
.reg-form .sum{display:grid;grid-template-columns:1fr;gap:0;margin:14px 0;border-top:1px solid #1f1f1f}
.reg-form .sum dt{color:#8a8a8a;font-size:.8rem;margin-top:10px}.reg-form .sum dd{margin:2px 0 0;color:#f4f4f4;white-space:pre-wrap;word-break:break-word}.reg-form .sum dd.none{color:#6b6b6b}
@media(min-width:700px){.reg-form .sum{grid-template-columns:200px 1fr}.reg-form .sum dt,.reg-form .sum dd{margin:0;padding:9px 0;border-bottom:1px solid #161616}}
.reg-form .priv-ok{margin:14px 0 0;font-size:.9rem;color:#39ff14}.reg-form .priv-ok a{color:#f4f4f4}
.reg-form .rg-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.reg-form .rg-nav .btn{flex:1 1 140px}.reg-form .rg-nav [hidden]{display:none}
/* Cliente existente (preparado; se activa con SOLOECU_FORMS_CONFIG.features.existingClient) */
.rg-existing{margin:20px 0 0;padding:16px;border:1px solid #2a2a2a;background:#050505}.rg-existing[hidden]{display:none}
.rg-existing p{margin:0 0 10px;color:#f4f4f4}.rg-existing .row{display:flex;gap:8px;flex-wrap:wrap}
.rg-existing button[aria-pressed="true"]{border-color:#39ff14;color:#39ff14}
.rg-existing .ex-code{margin-top:14px}.rg-existing .ex-code[hidden]{display:none}.rg-existing .ex-code small{display:block;margin-top:6px;color:#8a8a8a}
