/* «Calidad del equipo» (Informes): misma paleta cálida que los informes. */
.quality-head { display:flex; justify-content:space-between; align-items:flex-end; gap:18px; flex-wrap:wrap; }
.quality-head h2 { margin:0 0 6px; }
.quality-head .hint { max-width:720px; margin:0; }
.quality-head label { display:grid; gap:6px; color:#5d554d; font-size:12px; font-weight:650; min-width:180px; }
.quality-head select { padding:8px 10px; border:1px solid #d5cbc0; border-radius:7px; color:#29231e; background:#fff; }
.quality-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:14px; margin:14px 0 18px; }
.quality-agent { display:flex; flex-direction:column; gap:12px; padding:16px; border:1px solid #e4d9ca;
  border-radius:12px; background:#fffdfb; color:#332a22; }
.quality-agent-head { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; }
.quality-agent-who h3 { margin:0 0 4px; font-size:17px; }
.quality-agent-who small { color:#73695f; font-size:12px; }
.quality-score { display:flex; flex-direction:column; align-items:flex-end; text-align:right; }
.quality-score strong { font-size:32px; line-height:1; font-weight:750; color:#3e2f22; }
.quality-score span { color:#73695f; font-size:12px; }
.quality-score.insufficient strong { font-size:14px; line-height:1.3; color:#8a5a2b; }
.quality-trend { margin:0; font-size:13px; font-weight:650; }
.quality-trend.up { color:#2f6b3a; }
.quality-trend.down { color:#9b3b2a; }
.quality-trend.flat { color:#73695f; font-weight:500; }
.quality-parts { display:grid; gap:7px; }
.quality-part { display:grid; grid-template-columns:96px 1fr 34px; align-items:center; gap:8px; font-size:13px; }
.quality-part-label { color:#5b5147; }
.quality-part strong { text-align:right; font-weight:650; }
.quality-bar { height:8px; border-radius:99px; background:#efe6da; overflow:hidden; }
.quality-bar-fill { display:block; height:100%; border-radius:99px; background:#84633e; }
.quality-agent-foot { display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap;
  padding-top:10px; border-top:1px solid #efe6da; color:#73695f; font-size:12px; }
.quality-segments { display:grid; gap:12px; }
.quality-segment { padding:14px 16px; border:1px solid #e4d9ca; border-radius:10px; background:#fff; }
.quality-segment-head { display:flex; justify-content:space-between; gap:12px; }
.quality-segment-head > div:first-child { display:grid; gap:3px; }
.quality-segment-head small { color:#73695f; font-size:12px; }
.quality-segment-score { display:flex; flex-direction:column; align-items:flex-end; }
.quality-segment-score strong { font-size:22px; color:#3e2f22; }
.quality-segment-score small { color:#73695f; font-size:12px; }
.quality-tags { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }
.quality-tag { padding:2px 8px; border-radius:99px; font-size:11px; font-weight:650; color:#5b5147; background:#f2e9dc; }
.quality-tag.legacy { color:#6d4c1f; background:#f6e7c8; }
.quality-tag.override { color:#2f4f6b; background:#e3edf6; }
.quality-segment-parts { display:flex; flex-wrap:wrap; gap:6px 16px; margin:10px 0 6px; font-size:13px; color:#5b5147; }
.quality-motivo { margin:6px 0; font-size:13px; color:#3e352d; }
.quality-motivo.muted { color:#8a8178; font-style:italic; }
.quality-evidence { margin:6px 0; padding:8px 12px; border-left:3px solid #c8a77f; background:#faf5ed;
  color:#3e352d; font-size:13px; white-space:pre-wrap; overflow-wrap:anywhere; }
.quality-override-note { margin:6px 0; padding:8px 12px; border-left:3px solid #6d8fb0; background:#f1f6fa;
  font-size:13px; color:#2f3e4c; }
.quality-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.quality-form { display:grid; gap:10px; margin-top:12px; padding:12px; border:1px dashed #d5cbc0; border-radius:8px;
  background:#faf8f5; }
.quality-form label { display:grid; gap:6px; color:#5d554d; font-size:12px; font-weight:650; }
.quality-form input,.quality-form textarea { width:100%; min-width:0; padding:8px 10px; border:1px solid #d5cbc0;
  border-radius:7px; font:inherit; color:#29231e; background:#fff; }
.quality-form input { max-width:120px; }
@media (max-width:640px) {
  .quality-list { grid-template-columns:1fr; }
  .quality-part { grid-template-columns:84px 1fr 30px; }
}