/* Shared module: metric-animation — auto-split from the old single styles.css, 9 rule block(s). Do not duplicate class names across files. */

.dash152-ops-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:15px}

.dash152-ops-grid>div{display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;padding:12px;border:1px solid var(--border,#d8e4ea);border-radius:12px;background:var(--surface-soft,rgba(10,80,105,.03))}

.dash152-ops-grid>div>span{grid-row:1/3;font-size:24px}

.dash152-ops-grid b{font-size:19px}

.dash152-ops-grid small{color:var(--muted)}

body[data-theme="dark"] .dash152-ops-grid>div{background:#0d3144;border-color:#244b60}

@media (max-width:760px){
.dash152-ops-grid{grid-template-columns:1fr}
}

.v199-number-animating{position:relative;z-index:2;animation:v199NumberLift .88s cubic-bezier(.18,.82,.22,1) both;will-change:transform,filter,opacity;text-shadow:0 7px 18px rgba(8,126,174,.13)}

.dash152-ops-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))!important}