/* Frontend styles */
:root{
  --asenf-bg:#ffffff;
  --asenf-border:#e6ecf1;
  --asenf-primary:#1e88e5;
  --asenf-primary-600:#1565c0;
  --asenf-text:#22324a;
  --asenf-muted:#6b7a90;
}

.asenf-card{ max-width:900px; margin:30px auto; border:1px solid var(--asenf-border); border-radius:12px; box-shadow:0 8px 24px rgba(0,0,0,.06); overflow:hidden; padding:1px; }
.asenf-card__header{ padding:20px 24px; border-bottom:1px solid var(--asenf-border); background: rgba(255,255,255, 0.85); }
.req{color:#e53935}
.asenf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;padding:22px}
.asenf-field--full{grid-column:1/-1}

.asenf-field input[type="number"],.asenf-field input[type="text"],.asenf-field select,.asenf-field textarea{
  width:100%;padding:12px 14px;border:1px solid var(--asenf-border);border-radius:10px;background:#fff;font-size:14px;color:var(--asenf-text);transition:border-color .2s, box-shadow .2s;outline:none;
}
.asenf-field textarea{min-height:110px;resize:vertical}
.asenf-field input:focus,.asenf-field select:focus,.asenf-field textarea:focus{border-color:var(--asenf-primary);box-shadow:0 0 0 3px rgba(30,136,229,.12)}

.asenf-files input[type="file"]{display:block;width:100%;margin-bottom:10px;padding:12px;border:1px dashed var(--asenf-border);border-radius:10px;background:#fbfdff}
.asenf-files input[type="file"]:hover{border-color:var(--asenf-primary)}

.asenf-actions{display:flex;flex-direction:column;gap:10px}
.btn-submit{align-self:flex-end;background:var(--asenf-primary);color:#fff;border:none;border-radius:10px;padding:12px 18px;font-weight:700;cursor:pointer}
.btn-submit:hover{background:var(--asenf-primary-600)}
.btn-submit:disabled{opacity:.7;cursor:not-allowed}

.form-messages{margin:5px 0;padding:12px;border-radius:10px;display:none}
.form-messages.success{background:#d6f5dd;border:1px solid #a6e3b5;color:#1b5e20;display:block}
.form-messages.error{background:#fde2e2;border:1px solid #f5b6b6;color:#b71c1c;display:block}

@media (max-width: 768px){.asenf-grid{grid-template-columns:1fr}}

.asenf-card, .asenf-card__title, .asenf-card__subtitle, .asenf-field label, .hint, .asenf-gauge-legend small, .asenf-gauge-legend strong { color: var(--asenf-text) !important; }
.asenf-field input, .asenf-field select, .asenf-field textarea { color: var(--asenf-text) !important; }
.btn-submit { color: #ffffff !important; }

.form-messages.success{ background: rgba(36, 163, 93, 0.15); border-color: rgba(166, 227, 181, 0.65); color: #1b5e20 !important; }
.form-messages.error{ background: rgba(220, 61, 61, 0.15); border-color: rgba(245, 182, 182, 0.65); color: #b71c1c !important; }

.asenf-inline{display:flex;gap:10px;align-items:center}
.asenf-inline input[type="number"]{flex:2 1 auto}
.asenf-inline select{flex:1 1 140px;padding:12px 14px;border:1px solid var(--asenf-border);border-radius:10px;background:#fff;font-size:14px}

/* ====== GRAFICO GAUGE (sin aguja/pivote) ====== */
.asenf-gauge-wrap{display:flex;flex-direction:column;gap:15px;align-items:center}
.asenf-gauge{width:100%;max-width:420px;display:block}
.asenf-gauge-legend{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}

.asenf-marker{
  stroke:#1f2d3d;
  stroke-width:3;
  stroke-linecap:round;
}
.asenf-gauge text{ fill: var(--asenf-text); }

/* USD helper */
.usd-helper .button{ padding:6px 10px; }
