.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:0 0 16px}.stat-grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}@media (min-width:900px){.stat-grid:has(>:nth-child(4):last-child){grid-template-columns:repeat(4,minmax(0,1fr))}}.stat-card{display:flex;flex-direction:column;gap:6px;min-width:0;padding:16px 18px;border:0;border-radius:var(--radius-card,12px);background:var(--color-surface,#fff);box-shadow:var(--shadow-card);transition:box-shadow .25s var(--ease-out),transform .25s var(--ease-out)}.stat-card--hero{padding:18px 20px}.stat-card--blue{background:var(--color-attvin-blue-light,#cce0f3)}.stat-card--green{background:var(--color-attvin-green-light,#d9f3e0)}.stat-card--red{background:var(--color-attvin-red-light,#f7d5d1)}.stat-card--purple{background:var(--color-attvin-purple-light,#efecf8)}.stat-card--purple .stat-card__detail,.stat-card--purple .stat-card__label,.stat-card--purple .stat-card__trend,.stat-card--purple .stat-card__value{color:var(--color-attvin-purple-dark,#392080)}.stat-card--yellow{background:var(--color-attvin-yellow-light,#fff4cc)}.stat-card__top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px}.stat-card__label{color:var(--color-attvin-blue-dark,#004382);font-family:var(--font-serif);font-size:.95rem;font-weight:400;line-height:1.25}.stat-card--blue .stat-card__label{color:var(--color-attvin-blue-hover,#004382)}.stat-card--green .stat-card__label{color:var(--color-attvin-green-hover,#25763c)}.stat-card--red .stat-card__label{color:var(--color-attvin-red-hover,#c71d0c)}.stat-card--yellow .stat-card__label{color:var(--color-attvin-purple-dark,#392080)}.stat-card__icon{display:inline-flex;color:var(--color-faint,#8a9393);opacity:.85}.stat-card__trend{display:inline-flex;align-items:center;gap:3px;font-size:.6875rem;font-weight:700;font-variant-numeric:tabular-nums;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,#fff 40%,transparent);color:var(--color-muted,#667070);white-space:nowrap}.stat-card--blue .stat-card__trend{color:var(--color-attvin-blue-hover,#004382)}.stat-card--green .stat-card__trend{color:var(--color-attvin-green-hover,#25763c)}.stat-card--red .stat-card__trend{color:var(--color-attvin-red-hover,#c71d0c)}.stat-card--yellow .stat-card__trend{color:var(--color-attvin-purple-dark,#392080)}.stat-card__value{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 6px;min-width:0;color:var(--color-attvin-blue-dark,#004382);font-family:var(--font-serif);font-size:1.2rem;font-weight:600;line-height:1.15;letter-spacing:-.01em}.stat-card__num{display:inline-block;min-width:max-content;white-space:nowrap}.stat-card--hero .stat-card__value{font-size:1.4rem}.stat-card--green .stat-card__value{color:var(--color-attvin-green-dark,#25763c)}.stat-card--red .stat-card__value{color:var(--color-attvin-red-dark,#c71d0c)}.stat-card--yellow .stat-card__value{color:var(--color-attvin-purple-dark,#392080)}.stat-card__unit{font-family:var(--font-serif);font-size:.52em;font-weight:600;letter-spacing:0;color:inherit}.stat-card__detail{color:var(--color-muted,#667070);font-size:.8125rem;font-weight:500;line-height:1.35;margin-top:2px}.stat-card--blue .stat-card__detail{color:var(--color-attvin-blue-hover,#004382)}.stat-card--green .stat-card__detail{color:var(--color-attvin-green-hover,#25763c)}.stat-card__detail .co2f-knapp{color:inherit;text-align:left;justify-content:flex-start}.stat-card--yellow .stat-card__detail{color:var(--color-attvin-purple-dark,#392080)}.stat-card--red{--tone-rod-blekk:#bf1504}.stat-card--red .stat-card__detail,.stat-card--red .stat-card__label,.stat-card--red .stat-card__trend,.stat-card--red .stat-card__value{color:var(--tone-rod-blekk)}.stat-spark-wrap{position:relative;display:block;margin-top:10px;border-radius:0 0 6px 6px;overflow:hidden}.stat-spark{width:100%;height:34px;display:block}.stat-spark-dot{position:absolute;width:6px;height:6px;border-radius:999px;transform:translate(-50%,-50%);box-shadow:0 0 0 1.5px var(--color-surface,#fff);pointer-events:none}@media (max-width:767px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card__value{font-size:1.1rem}.stat-card--hero .stat-card__value{font-size:1.25rem}}