.data-quality { border:1px solid #dfe5ee; border-radius:12px; padding:18px 20px; margin:30px 0; background:#fbfcfe; }
.data-quality summary { cursor:pointer; line-height:1.6; }
.data-quality summary>b { margin-right:18px; }
.quality-chips { display:inline-flex; flex-wrap:wrap; gap:6px; vertical-align:middle; }
.quality-chip { display:inline-block; border:1px solid #dce3ed; border-radius:20px; padding:3px 9px; font-size:11px; color:#455570; background:white; }
.quality-chip.state-good { color:#24604c; background:#edf7f1; border-color:#d0e6da; }
.quality-chip.state-stale,.quality-chip.state-partial,.quality-chip.state-announced { color:#765416; background:#fff7e7; border-color:#ecdfbf; }
.quality-chip.state-conflict { color:#903b3b; background:#fff2f2; border-color:#eacfcf; }
.quality-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:24px; }
.quality-grid h3 { font-size:15px; margin:0 0 8px; }
.quality-grid h3 span { display:block; color:#526176; font-size:12px; font-weight:400; margin-top:4px; }
.quality-grid p { font-size:13px; line-height:1.65; color:#455570; margin:0 0 10px; }
.quality-grid small,.quality-note,.quality-loading { color:#637187; font-size:12px; line-height:1.6; }
.quality-note { border-top:1px solid #e2e7ef; margin-top:22px; padding-top:14px; }
.quality-loading { padding:16px 0; }
.quality-mini { color:#6a778a; display:block; font-size:10px; margin:6px 0; }
@media(max-width:700px){.data-quality { padding:16px; }.quality-chips{display:flex;margin:12px 0 0;}.quality-grid{grid-template-columns:1fr;gap:18px;}}