/* satisfacao.css — estilos da seção de Satisfação (CSAT). Usa as variáveis --* de base-shared.css */
.csat-tipos { display:flex; gap:10px; flex-wrap:wrap; margin-bottom:12px; }
.csat-tag { font-size:12px; color:var(--text-secondary); background:var(--bg-hover); border:1px solid var(--border); border-radius:14px; padding:3px 10px; }
.csat-dist { display:flex; flex-direction:column; gap:6px; margin:6px 0 8px; max-width:520px; }
.csat-dist-row { display:flex; align-items:center; gap:10px; font-size:12px; }
.csat-dist-nota { width:34px; color:var(--text-secondary); font-variant-numeric:tabular-nums; }
.csat-dist-bar { flex:1; height:10px; background:var(--bg-hover); border-radius:5px; overflow:hidden; }
.csat-dist-fill { display:block; height:100%; border-radius:5px; background:var(--accent); transition:width .3s; }
.csat-dist-val { width:88px; text-align:right; color:var(--text-muted); font-variant-numeric:tabular-nums; }
.csat-nota-1 { background:#dc2626; } .csat-nota-2 { background:#f97316; }
.csat-nota-3 { background:#eab308; } .csat-nota-4 { background:#84cc16; } .csat-nota-5 { background:#16a34a; }
.csat-hist-title { margin-top:22px; }
.csat-loading, .csat-vazio, .csat-erro { padding:14px; color:var(--text-muted); font-size:13px; }
.csat-erro { color:var(--red); }