/* ============================================================
   RUVO v41 · Moderación (solo administración)
   Reutiliza variables y clases existentes. Nada de esto se
   muestra en la interfaz del usuario final.
   ============================================================ */

.mod-banner{
  display:flex;gap:12px;align-items:flex-start;
  padding:14px 16px;border-radius:var(--radius);
  background:rgba(255,197,61,.08);
  border:1px solid rgba(255,197,61,.35);
  color:var(--text);font-size:13px;line-height:1.55;
}
.mod-banner .ic{flex-shrink:0;color:#ffc53d;margin-top:1px}
.mod-banner b{color:#ffc53d}
.mod-banner small{display:block;color:var(--text-dim);margin-top:4px}

.mod-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.mod-stat{
  background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);
  padding:14px 16px;display:flex;flex-direction:column;gap:4px;
}
.mod-stat .k{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-mute)}
.mod-stat .v{font-size:22px;font-weight:700;line-height:1.1}
.mod-stat .s{font-size:11.5px;color:var(--text-dim)}
.mod-stat.warn .v{color:#ffc53d}
.mod-stat.bad .v{color:var(--err,#ff6b6b)}
.mod-stat.ok .v{color:var(--ok,#3ddc97)}

.mod-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}
.mod-card h4{margin:0 0 4px;font-size:14px}
.mod-card .mod-muted{color:var(--text-mute);font-size:12.5px;margin-bottom:12px}

.mod-pill{
  display:inline-flex;align-items:center;gap:6px;
  padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;
  background:var(--bg-soft);border:1px solid var(--border);color:var(--text-dim);
}
.mod-pill.on{background:rgba(61,220,151,.12);border-color:rgba(61,220,151,.35);color:#3ddc97}
.mod-pill.off{background:rgba(255,107,107,.1);border-color:rgba(255,107,107,.3);color:#ff8b8b}
.mod-pill.obs{background:rgba(255,197,61,.12);border-color:rgba(255,197,61,.35);color:#ffc53d}

.mod-sev{font-weight:700;font-variant-numeric:tabular-nums}
.mod-sev.s9{color:#ff6b6b}
.mod-sev.s8{color:#ff9f43}
.mod-sev.s7{color:#ffc53d}
.mod-sev.s0{color:var(--text-mute)}

.mod-terms-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.mod-terms-area{
  width:100%;min-height:340px;resize:vertical;
  font-family:var(--mono);font-size:12.5px;line-height:1.6;
  background:var(--bg-soft);color:var(--text);
  border:1px solid var(--border);border-radius:var(--radius-sm);
  padding:12px 14px;
}
.mod-terms-area:focus{outline:none;border-color:var(--primary)}

.mod-adapter{display:flex;flex-direction:column;gap:10px}
.mod-adapter-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.mod-adapter-head h4{margin:0;font-size:14px}
.mod-kv{display:flex;flex-direction:column;gap:6px;font-size:12.5px}
.mod-kv .row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--border-soft);padding-bottom:5px}
.mod-kv .row span:first-child{color:var(--text-mute)}
.mod-kv .row span:last-child{font-family:var(--mono);font-size:12px}

.mod-credit{font-size:11.5px;color:var(--text-mute);line-height:1.6;margin-top:6px}
.mod-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}
.mod-form{display:flex;flex-direction:column;gap:14px;max-width:640px}
.mod-form label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--text-dim)}
.mod-form label .hint{font-size:11.5px;color:var(--text-mute)}
.mod-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mod-switch{display:flex;align-items:center;gap:10px;font-size:13px}
.mod-switch input{width:auto}

@media (max-width:640px){
  .mod-form .row2{grid-template-columns:1fr}
  .mod-terms-area{min-height:240px}
}