.metric-card{min-height:161px;padding:var(--ds-space-4) var(--ds-space-4-5);justify-content:space-between;gap:var(--ds-space-5);flex-direction:column;display:flex;container:metric/inline-size}.metric-main{justify-content:space-between;align-items:flex-start;gap:var(--ds-space-2-5);display:flex}.metric-copy{flex:auto;min-width:0}.metric-label{color:var(--ds-muted);font-size:var(--ds-font-size-lg);line-height:var(--ds-leading-tight);font-weight:var(--ds-font-weight-regular);margin:0}.metric-value{margin:var(--ds-space-3) 0 0;max-width:100%;color:var(--ds-text);font-size:var(--ds-font-size-xl);line-height:var(--ds-leading-none);font-weight:var(--ds-font-weight-medium);letter-spacing:0;text-overflow:clip;white-space:nowrap;overflow:visible}.metric-detail{margin-top:var(--ds-space-2-5);align-items:center;gap:var(--ds-space-1-5);color:var(--ds-success);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-medium);flex-wrap:wrap;display:inline-flex}.metric-detail span{color:var(--ds-muted);font-weight:var(--ds-font-weight-regular)}.metric-detail strong{font-weight:var(--ds-font-weight-medium)}.metric-detail strong.metric-unavailable{color:var(--ds-muted)}.metric-icon{border-radius:var(--ds-radius-md);width:clamp(44px,3.6vw,52px);height:clamp(44px,3.6vw,52px);color:var(--ds-metric-primary);background:var(--ds-metric-primary-soft);border:1px solid #0000;flex:none;place-items:center;display:grid}.metric-icon.success{color:var(--ds-success);background:var(--ds-success-soft)}.metric-icon.warning{color:var(--ds-warning);background:var(--ds-warning-soft)}.metric-icon.danger{color:var(--ds-danger);background:var(--ds-danger-soft)}.metric-trend{align-items:center;gap:var(--ds-space-1);color:var(--ds-muted);font-size:var(--ds-font-size-sm);font-weight:var(--ds-font-weight-regular);flex-wrap:wrap;margin:0;display:flex}.metric-trend span{align-items:center;gap:var(--ds-space-1);font-weight:var(--ds-font-weight-medium);display:inline-flex}.metric-trend.up span{color:var(--ds-success)}.metric-trend.down span{color:var(--ds-danger)}.metric-trend.neutral span{color:var(--ds-text-muted)}@media (min-width:1481px){.metric-card{min-height:184px;padding:var(--ds-space-5) var(--ds-space-5);gap:var(--ds-space-5)}.metric-main{gap:var(--ds-space-3)}.metric-label{font-size:var(--ds-font-size-lg)}.metric-value{margin-top:var(--ds-space-3-5);font-size:var(--ds-font-size-2xl)}.metric-icon{width:58px;height:58px}.metric-icon svg{width:24px;height:24px}}@media (min-width:1800px) and (min-height:950px){.metric-card{min-height:198px;padding:var(--ds-space-5) var(--ds-space-6)}.metric-icon{width:62px;height:62px}.metric-icon svg{width:26px;height:26px}}@media (max-width:640px){.metric-card{min-height:140px}}@media (max-width:780px){.metric-card{min-height:0;padding:var(--ds-space-3);gap:var(--ds-space-2);position:relative}.metric-main{gap:var(--ds-space-1)}.metric-label{font-size:var(--ds-font-size-xs);line-height:var(--ds-leading-normal);text-transform:none;letter-spacing:0;padding-right:var(--ds-space-6)}.metric-value{margin-top:var(--ds-space-2);font-size:clamp(var(--ds-font-size-lg), 4.5vw, var(--ds-font-size-xl));line-height:var(--ds-leading-tight);font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere}.metric-icon{display:none}.metric-trend,.metric-detail{font-size:var(--ds-font-size-xs);line-height:var(--ds-leading-normal)}.metric-trend>span{top:var(--ds-space-3);right:var(--ds-space-3);gap:0;position:absolute}.metric-trend>span strong{display:none}}.metric-grid{gap:var(--ds-gap-page);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (max-width:1200px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:780px){.metric-grid{grid-template-columns:1fr}}.metric-grid.metric-grid-single-row{grid-template-columns:repeat(var(--ds-metric-columns), minmax(0, 1fr));min-width:0}.metric-grid-single-row:focus-visible{outline:var(--ds-focus-outline);outline-offset:var(--ds-focus-outline-offset)}@media (min-width:781px){@container metric (max-width:180px){.metric-main{grid-template-columns:minmax(0,1fr) auto;display:grid}.metric-copy{display:contents}.metric-label{font-size:var(--ds-font-size-sm);grid-area:1/1}.metric-value{white-space:normal;overflow-wrap:anywhere;line-height:var(--ds-leading-tight);grid-area:2/1/auto/-1}.metric-detail{grid-column:1/-1}.metric-icon{width:var(--ds-icon-box-md);height:var(--ds-icon-box-md);grid-area:1/2}}}@media (max-width:780px){.metric-grid.metric-grid-single-row{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(var(--ds-entity-card-compact-min-width), 72%);scroll-snap-type:x proximity;padding-bottom:var(--ds-space-2);overflow-x:auto}.metric-grid-single-row .metric-card{scroll-snap-align:start}}.metric-missing-costs{color:var(--ds-warning-text);text-underline-offset:2px;text-decoration:underline}.metric-missing-costs:hover,.metric-missing-costs:focus-visible{color:var(--ds-primary)}