.quality-score { display: flex; align-items: center; gap: 14px; }
.quality-score__ring { display: grid; position: relative; width: 72px; height: 72px; place-items: center; border-radius: 50%; background: conic-gradient(var(--color-green-700) 0 92%, var(--color-gray-100) 92% 100%); }
.quality-score__ring::before { position: absolute; width: 56px; height: 56px; border-radius: 50%; background: var(--color-white); content: ""; }
.quality-score__value { position: relative; color: var(--color-navy-950); font-size: 17px; font-weight: 800; }
.quality-score__label { color: var(--color-gray-500); font-size: 10px; }
.parameter-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.parameter-card { padding: 12px; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-white); }
.parameter-card__top { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.parameter-card__label { color: var(--color-gray-600); font-size: 10px; font-weight: 650; }
.parameter-card__value { margin-top: 6px; color: var(--color-navy-950); font-size: 18px; font-weight: 750; }
.parameter-card__target { margin-top: 2px; color: var(--color-gray-500); font-size: 9px; }
.parameter-card.is-pass { border-color: #c5e4d5; background: #f7fcf9; }
.parameter-card.is-watch { border-color: #f3ddb0; background: #fffaf0; }
.sample-card { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 14px; border: 1px solid var(--color-border); border-radius: var(--radius-md); }
.sample-card__identity { display: flex; min-width: 0; align-items: center; gap: 10px; }
.sample-card__code { display: grid; width: 32px; height: 32px; flex: 0 0 32px; place-items: center; border-radius: 7px; background: var(--color-purple-100); color: var(--color-purple-700); font-size: 10px; font-weight: 800; }
.sample-card__name { overflow: hidden; color: var(--color-navy-950); font-size: 11px; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.sample-card__meta { margin-top: 2px; color: var(--color-gray-500); font-size: 9px; }
.inspection-banner { display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid #c5e4d5; border-radius: var(--radius-md); background: #f5fcf8; }
.inspection-banner__icon { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 50%; background: var(--color-green-700); color: var(--color-white); }
.inspection-banner__title { color: var(--color-green-800); font-size: 12px; font-weight: 750; }
.inspection-banner__text { margin-top: 2px; color: var(--color-gray-600); font-size: 10px; }
@media (max-width: 560px) { .parameter-grid { grid-template-columns: 1fr; } }