/* Shared styles */ 
.jl-cac-app{ --bg:#0f172a; --card:#111827; --muted:#9ca3af; --acc:#2563eb; --text:#e5e7eb; }
.jl-cac-card{ background:#0b1220; color:var(--text); border:1px solid #1f2937; border-radius:16px; padding:20px; max-width:920px; margin:24px auto; box-shadow:0 6px 28px rgba(0,0,0,.35); }
.jl-cac-header h2{ margin:0 0 8px; font-size:22px; color:var(--text); } /* ← título claro */
.jl-cac-subtitle{ color:var(--muted); margin:0 0 14px; }
.jl-cac-steps{ display:flex; gap:8px; margin:8px 0 16px; flex-wrap:wrap; }
.jl-cac-steps button{ background:#0b1220; border:1px solid #334155; color:#cbd5e1; padding:8px 12px; border-radius:12px; cursor:pointer; }
.jl-cac-steps button.active{ border-color:var(--acc); color:#fff; }
.jl-field-row{ display:flex; flex-direction:column; gap:6px; margin-bottom:14px; }
.jl-field-row label{ font-weight:600; }
.jl-field-row .hint{ color:var(--muted); font-size:12px; }
.jl-radio-group{ display:flex; gap:16px; flex-wrap:wrap; }
.jl-fieldset{ border:1px dashed #334155; padding:12px; border-radius:12px; margin-bottom:14px; }
.jl-grid-2{ display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap:12px; }
.jl-grid-3{ display:grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap:12px; }
@media (max-width:800px){ .jl-grid-2, .jl-grid-3{ grid-template-columns:1fr; } }
input[type="number"], input[type="text"], textarea{ background:#0b1220; color:#e5e7eb; border:1px solid #334155; padding:10px; border-radius:10px; }
textarea{ min-height:90px; }
.is-hidden{ display:none !important; }
.jl-actions{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.jl-btn{ background:#0b1220; border:1px solid #334155; color:#e5e7eb; padding:10px 14px; border-radius:12px; cursor:pointer; }
.jl-btn:hover{ border-color:#64748b; }
.jl-primary{ border-color:var(--acc); }
.jl-cac-results{ margin-top:18px; }
.jl-metrics .metric{ text-align:center; padding:12px; background:#0b1220; border:1px solid #334155; border-radius:12px; }
.jl-metrics .label{ color:#9ca3af; font-size:12px; }
.jl-metrics .value{ font-size:20px; font-weight:700; margin-top:6px; }
.jl-cac-footer{ margin-top:16px; color:#94a3b8; }