.matchBadge{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;max-width:100%;border:1px solid currentColor;border-radius:9px;padding:6px 10px;font-size:.85rem;line-height:1.4;background:#f2f2f2;color:#555}.matchBadge strong{font-size:1.1rem}.matchBadge--green{background:#eaf5ed;color:#23543a}.matchBadge--orange{background:#fff3dc;color:#785000}.matchBadge--red{background:#fcebe9;color:#9c2925}.matchBadge--unknown{color:#555;background:#f2f2f2}.matchScore:has(.matchBadge){width:auto;height:auto;border:0;background:transparent;box-shadow:none}.tenderScore:has(.matchBadge){min-width:130px}.matchBadge+small{display:block;margin-top:8px}

.evaluationCardScore{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;min-width:0}.evaluationCardScore>span:not(.matchBadge){font-size:.8rem;color:var(--text-muted)}.evaluationDetail{display:inline-flex;margin-bottom:12px}.evaluationDetail .matchBadge strong{font-size:1.5rem}.evaluationDetail .matchBadge span{font-size:.85rem}
body:has(.customerHeader) .tenderCard:has(.evaluationCardScore){grid-template-columns:130px minmax(0,1fr) 140px}
@media(max-width:800px){body:has(.customerHeader) .tenderCard:has(.evaluationCardScore){grid-template-columns:minmax(0,1fr)}body:has(.customerHeader) .tenderCard:has(.evaluationCardScore) .tenderCardAside{grid-column:1}.evaluationCardScore{flex-direction:row;align-items:center;justify-content:flex-start}.evaluationCardScore .matchBadge{flex-wrap:nowrap}}