/* Shared, quiet emphasis for standalone client performance metrics. */
body:is(.uad-case,.approved-case-template) :is(.shortcut-metrics,.benefit-signals,.offers-home-success-metrics){gap:14px}
body:is(.uad-case,.approved-case-template) :is(.shortcut-metrics,.benefit-signals,.offers-home-success-metrics)>div{min-width:0;padding:18px;border:1px solid #899ba966;border-radius:6px;background:linear-gradient(135deg,#f8fafb33,#d5dce11a)}
body.approved-case-template .case-metric-evidence .shortcut-metrics:has(>div:only-child){grid-template-columns:1fr}
#loyalty-design.loyalty-two-column .loyalty-related-offers{border:0;padding-top:0}
#loyalty-design.loyalty-two-column .loyalty-related-offers ul{gap:14px}
#loyalty-design.loyalty-two-column .loyalty-related-offers li{padding:16px 18px;border:1px solid #899ba966;border-radius:6px;background:linear-gradient(135deg,#f8fafb33,#d5dce11a)}
@media(max-width:750px){body:is(.uad-case,.approved-case-template) :is(.shortcut-metrics,.benefit-signals,.offers-home-success-metrics){gap:12px}body:is(.uad-case,.approved-case-template) :is(.shortcut-metrics,.benefit-signals,.offers-home-success-metrics)>div{padding:16px 14px}body.uad-case .benefit-signals{grid-template-columns:1fr}#loyalty-design.loyalty-two-column .loyalty-related-offers li{padding:14px}}
/* A single metric stays compact on desktop, with full mobile width. */
@media(min-width:751px){#my-offers-design .case-metric-evidence .shortcut-metrics{width:100%;max-width:340px}}