.qualityHero{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:16px;padding:22px 24px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 12px 32px rgba(30,34,50,.05)}
.qualitySignal{display:flex;align-items:center;gap:15px}.qualitySignal>i{width:18px;height:18px;border-radius:50%;background:#9aa1aa;box-shadow:0 0 0 8px rgba(154,161,170,.12)}.qualitySignal div,.qualityScore{display:flex;flex-direction:column;gap:5px}.qualitySignal span,.qualityScore span,.qualitySummary span,.qualitySectionHead span{color:#737b86;font-size:8px;font-weight:900;letter-spacing:1.1px}.qualitySignal strong{font-size:24px;letter-spacing:-.5px}.qualitySignal small,.qualityScore small,.qualitySummary small{color:#7b838e;font-size:10px}.qualityScore{text-align:right}.qualityScore strong{font-size:32px}.qualityHero.qualityGreen{border-color:#b9dfca;background:#f3fbf6}.qualityHero.qualityGreen .qualitySignal>i{background:#35a267;box-shadow:0 0 0 8px rgba(53,162,103,.13)}.qualityHero.qualityYellow{border-color:#ead9a3;background:#fffaf0}.qualityHero.qualityYellow .qualitySignal>i{background:#d7a52d;box-shadow:0 0 0 8px rgba(215,165,45,.14)}.qualityHero.qualityRed{border-color:#e5b9b1;background:#fff6f4}.qualityHero.qualityRed .qualitySignal>i{background:#c45242;box-shadow:0 0 0 8px rgba(196,82,66,.13)}
.qualityControls{display:grid;grid-template-columns:repeat(4,minmax(135px,1fr)) minmax(220px,1.5fr);gap:10px;margin-bottom:16px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}.qualityControls label{display:flex;flex-direction:column;gap:7px;color:#68717d;font-size:9px;font-weight:800}.qualityControls select,.qualityControls input{width:100%;height:39px;border:1px solid #d9dee5;border-radius:8px;background:#fff;padding:0 10px;color:#252a33;font:inherit}.qualityControls select:focus,.qualityControls input:focus{outline:0;border-color:var(--sky);box-shadow:0 0 0 3px rgba(96,168,199,.12)}
.qualitySummary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.qualitySummary article{padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff}.qualitySummary strong{display:block;margin:8px 0 4px;font-size:25px}.qualitySummary article.critical strong{color:#ad4538}.qualitySummary article.warning strong{color:#a87918}
.qualityCategories,.qualityProviders,.qualityIssues{margin-top:24px}.qualitySectionHead{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}.qualitySectionHead h2{margin:5px 0 0;font-size:19px}.qualitySectionHead small{color:#7b838d;font-size:10px}.qualityCategoryCards{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px}.qualityCategoryCard{border:1px solid var(--line);border-radius:11px;background:#fff;padding:15px;text-align:left;cursor:pointer}.qualityCategoryCard:hover{border-color:#aeb8d1;box-shadow:0 8px 22px rgba(34,39,59,.06)}.qualityCategoryCard.active{border-color:#6973b5;background:#f4f5fc}.qualityCategoryCard span{display:block;color:#747c87;font-size:9px;font-weight:800}.qualityCategoryCard strong{display:block;margin-top:8px;font-size:23px}.qualityCategoryCard.critical strong{color:#ad4538}.qualityCategoryCard.warning strong{color:#a87918}.qualityLoading{grid-column:1/-1;padding:26px;border:1px dashed #cfd4db;border-radius:10px;text-align:center;color:#7c8490;background:#fff}
.qualityProviders table{min-width:850px}.qualityCoverage{display:flex;align-items:center;gap:8px;min-width:130px}.qualityCoverage>span{width:78px;height:7px;border-radius:99px;background:#eceef1;overflow:hidden}.qualityCoverage i{display:block;height:100%;background:linear-gradient(90deg,#62abc8,#4e57a5)}.qualityCoverage b{font-size:10px}.qualityIssuesTable{max-height:560px}.qualityIssuesTable table{min-width:960px}.qualityIssueTitle{font-weight:800}.qualityIssueDetail{max-width:420px;white-space:normal;color:#68717c;line-height:1.45}.qualityPriority{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.4px}.qualityPriority.critical{background:#f8e7e4;color:#a73e32}.qualityPriority.warning{background:#fff2d6;color:#93690e}.qualityFix{white-space:nowrap}.qualityFix:disabled{opacity:.5;cursor:not-allowed}
@media(max-width:1150px){.qualityControls{grid-template-columns:repeat(3,1fr)}.qualitySearch{grid-column:span 2}.qualityCategoryCards{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.qualityHero{align-items:flex-start;flex-direction:column}.qualityScore{text-align:left}.qualityControls,.qualitySummary,.qualityCategoryCards{grid-template-columns:1fr 1fr}.qualitySearch{grid-column:span 2}}
@media(max-width:520px){.qualityControls,.qualitySummary,.qualityCategoryCards{grid-template-columns:1fr}.qualitySearch{grid-column:span 1}}