/* ── Sicurezza area shared styles ─────────────────────── */

/* Icon button canonico 36×36 usato in form e liste SVR/SVRLav (token globali in app.css) */
.svr-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--icobtn-size, 36px);
  height: var(--icobtn-size, 36px);
  flex-shrink: 0;
  padding: 0;
  border: none;
  border-radius: var(--icobtn-radius, 8px);
  background: transparent;
  color: var(--icobtn-ink, #5B7A9A);
  font-size: 1rem;
  line-height: 1;
  cursor: pointer;
  transition: background .12s, color .12s;
}
.svr-icon-btn:hover { background: var(--icobtn-hover-bg, #EDF3FB); color: var(--icobtn-hover-ink, #001B48); }
.svr-icon-btn.text-danger { color: var(--icobtn-danger, #C0392B); }
.svr-icon-btn.text-danger:hover { background: var(--icobtn-danger-bg, #FBEBED); color: var(--icobtn-danger, #C0392B); }

/* Upload / drop-zone area */
.sec-upload-area {
  border: 2px dashed #dce6f2;
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  background: #f5f8fc;
  cursor: pointer;
  transition: border-color 0.2s;
}
.sec-upload-area:hover { border-color: #1e334c; }

/* Risk level badges */
.risk-badge-low    { background: #d4edda; color: #155724; border-radius: 8px; padding: 2px 8px; font-size: 0.78em; }
.risk-badge-medium { background: #fff3cd; color: #856404; border-radius: 8px; padding: 2px 8px; font-size: 0.78em; }
.risk-badge-high   { background: #f8d7da; color: #721c24; border-radius: 8px; padding: 2px 8px; font-size: 0.78em; }