/* Dashboard cards reflow instead of squeezing text and decorative artwork. */
body.newmagic[data-section="home"] .metrics-top {align-items:stretch}
body.newmagic[data-section="home"] .metric {min-width:0;box-sizing:border-box}
body.newmagic[data-section="home"] .metric h3,
body.newmagic[data-section="home"] .metric h5 {white-space:normal;line-height:1.4;overflow-wrap:anywhere}
body.newmagic[data-section="home"] .metric:has(>img) {display:grid;grid-template-columns:minmax(0,1fr) 36px;column-gap:8px;align-content:center}
body.newmagic[data-section="home"] .metric:has(>img)>h3 {grid-column:1;grid-row:1;margin:0 0 7px}
body.newmagic[data-section="home"] .metric:has(>img)>strong {grid-column:1;grid-row:2}
body.newmagic[data-section="home"] .metric>img {position:static;inset:auto;grid-column:2;grid-row:1 / span 2;align-self:center;justify-self:center;width:36px;height:36px;max-width:100%;margin:0;opacity:1}
body.newmagic[data-section="home"] .metric.large:has(>img) {grid-template-columns:minmax(0,1fr) 64px}
body.newmagic[data-section="home"] .metric.large>img {width:64px;height:64px}
body.newmagic[data-section="home"] .metrics-small .metric {padding:12px;min-height:90px}
body.newmagic[data-section="home"] .metrics-small .metric h3 {font-size:14px}
@media(min-width:761px) and (max-width:1199px) {
 body.newmagic[data-section="home"] .metrics-top {grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
 body.newmagic[data-section="home"] .metrics-top>.large {grid-column:span 3;min-height:150px;padding:20px}
 body.newmagic[data-section="home"] .metrics-top>.period {grid-column:span 2;padding:14px;min-height:158px}
 body.newmagic[data-section="home"] .metric.large h3 {font-size:22px}
 body.newmagic[data-section="home"] .metric.large strong {font-size:34px}
 body.newmagic[data-section="home"] .metric.period strong {font-size:23px}
 body.newmagic[data-section="home"] .metrics-bottom {grid-template-columns:1fr;gap:14px}
 body.newmagic[data-section="home"] .metric.total-result {min-height:140px;padding:20px}
 body.newmagic[data-section="home"] .metrics-small {grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
}
@media(max-width:760px) {
 body.newmagic[data-section="home"] .metrics-top {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body.newmagic[data-section="home"] .metrics-top>.large {grid-column:1/-1;min-height:130px;padding:18px}
 body.newmagic[data-section="home"] .metric.large h3 {font-size:20px}
 body.newmagic[data-section="home"] .metric.large strong {font-size:32px}
 body.newmagic[data-section="home"] .metrics-top>.period {padding:12px;min-height:148px}
 body.newmagic[data-section="home"] .metrics-small {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body.newmagic[data-section="home"] .metrics-small .metric {min-height:100px;grid-template-columns:minmax(0,1fr) 28px;column-gap:4px}
 body.newmagic[data-section="home"] .metrics-small .metric>img {width:28px;height:28px}
 body.newmagic[data-section="home"] .metrics-small .metric strong {font-size:21px}
 body.newmagic[data-section="home"] .metric.total-result {min-height:130px;padding:18px}
 body.newmagic[data-section="home"] .provider-card {grid-template-columns:repeat(3,minmax(0,1fr))}
 body.newmagic[data-section="home"] .provider-card .provider-identity {grid-column:1/-1}
}
@media(max-width:359px) {body.newmagic[data-section="home"] .metrics-small {grid-template-columns:1fr}}