/* Bloques de solo lectura de Control360: última prueba y eficacia de acciones. */
.control-360-status { display: grid; gap: 12px; grid-column: 1 / -1; }
.c360-status-block { border: 1px dashed var(--line, #dde1e8); border-radius: 10px; padding: 12px; min-width: 0; }
.c360-status-block h3 { font-size: 13px; margin: 0 0 6px; }
.c360-status-block .src { display: inline-block; font-size: 11px; padding: 1px 6px; border-radius: 4px; background: var(--src, #eef1f6); color: var(--muted, #5b6678); margin-left: 6px; vertical-align: middle; }
.c360-status-text { margin: 0 0 4px; font-weight: 600; overflow-wrap: anywhere; }
.c360-tone-bad .c360-status-text { color: #b42318; }
.c360-tone-warn .c360-status-text { color: #8a5a00; }
.c360-tone-ok .c360-status-text { color: #1a7f37; }
.control-360-status .hint { font-size: 12px; color: var(--muted, #5b6678); margin: 0; }

/* Diferencia entre la propuesta CG y la evaluación del usuario (compliance-difference.js).
   Colores por severidad con contraste AA sobre fondo claro; el icono hereda el color (currentColor). */
.cg-diff-alert { display:flex; align-items:flex-start; gap:8px; margin:8px 0; padding:8px 10px; border-radius:8px; border:1px solid currentColor; font-size:13px; line-height:1.35; }
.cg-diff-alert .cg-diff-icon { flex:0 0 auto; margin-top:1px; }
.cg-diff-chip { display:inline-flex; align-items:center; gap:5px; padding:2px 8px; border-radius:999px; border:1px solid currentColor; font-weight:600; white-space:nowrap; }
.cg-diff-chip .cg-diff-icon { width:14px; height:14px; }
.cg-diff-red    { color:#b42318; background:#fef3f2; }
.cg-diff-orange { color:#b54708; background:#fff6ed; }
.cg-diff-yellow { color:#7a5a00; background:#fffaeb; }
.cg-diff-green  { color:#067647; background:#ecfdf3; }
.cg-diff-none   { display:none; }
.c360-mismatch { margin:4px 0 8px; }
/* Chip de diferencia CG en la línea resumen de cada control (compacto, inline) */
.cg-diff-control-chip { display:inline-flex; align-items:center; }
.cg-diff-control-chip .cg-diff-alert { display:inline-flex; align-items:center; gap:4px; margin:0; padding:2px 8px; border-radius:999px; font-size:11.5px; font-weight:600; line-height:1.3; white-space:nowrap; }
.cg-diff-control-chip .cg-diff-icon { width:12px; height:12px; flex:0 0 auto; margin-top:0; }
.cg-diff-control-chip .cg-diff-text { max-width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cg-diff-alert .sr-only, .cg-diff-sr { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media (prefers-color-scheme: dark) {
  .cg-diff-red    { color:#fda29b; background:rgba(180,35,24,.18); }
  .cg-diff-orange { color:#fdb022; background:rgba(181,71,8,.18); }
  .cg-diff-yellow { color:#fec84b; background:rgba(122,90,0,.22); }
  .cg-diff-green  { color:#75e0a7; background:rgba(6,118,71,.2); }
}