.quality-heading{margin-top:42px}.quality-heading>div:last-child{text-align:right}.quality-updated{display:block;margin-top:6px;color:#70818e;font-size:10px}
.quality-dimensions{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}
.quality-dimension{background:#fff;border:1px solid #e1e8ed;border-radius:12px;padding:16px}.quality-dimension header{display:flex;justify-content:space-between;gap:8px;align-items:center}.quality-dimension span{font-size:11px;color:#647784;font-weight:700}.quality-dimension strong{display:block;font:800 22px Manrope,sans-serif;color:#102d46;margin:7px 0}
.quality-progress{height:7px;background:#e8eef2;border-radius:10px;overflow:hidden}.quality-progress i{display:block;height:100%;border-radius:10px}.quality-dimension.pass i{background:#39a88e}.quality-dimension.warning i{background:#e6a23c}.quality-dimension.fail i{background:#d65c46}.quality-dimension em{font-style:normal;font-size:9px;font-weight:800;text-transform:uppercase}.quality-dimension.pass em{color:#25836f}.quality-dimension.warning em{color:#a36a12}.quality-dimension.fail em{color:#b74632}
.quality-charts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quality-charts .chart{height:280px}.quality-table{margin-top:16px}.quality-severity{display:inline-block;padding:4px 8px;border-radius:20px;font-size:9px;font-weight:800;text-transform:uppercase}.quality-severity.error{background:#fde5df;color:#ad3e29}.quality-severity.warning{background:#fff1d1;color:#94600d}
@media(max-width:1100px){.quality-dimensions{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.quality-charts{grid-template-columns:1fr}.quality-dimensions{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.quality-dimensions{grid-template-columns:1fr}}