.ombox-statistic-group{--statistic-padding:20px;--statistic-font:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;min-width:0;width:100%;align-items:stretch}
.ombox-statistic{display:flex;flex-direction:column;gap:14px;box-sizing:border-box;min-width:0;padding:var(--statistic-padding);border:1px solid var(--color-border,#d8dee8);border-radius:var(--radius-lg,12px);background:var(--color-white,#fff);color:var(--color-text-primary,#172033);text-decoration:none;container-type:inline-size}
.ombox-statistic-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}
.ombox-statistic-label{min-width:0;color:var(--color-text-muted,#64748b);font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.ombox-statistic-icon{flex-shrink:0;color:var(--color-primary,#0087f7);font-size:18px;line-height:1.6}
.ombox-statistic-value{display:flex;align-items:baseline;gap:6px;max-width:100%;min-width:0;overflow-x:auto;white-space:nowrap;padding-block:2px;font-variant-numeric:tabular-nums;line-height:1.25}
.ombox-statistic-value strong{flex-shrink:0;font-size:var(--statistic-font);font-size:clamp(24px,12cqi,var(--statistic-font));font-weight:700;letter-spacing:-.025em}
.ombox-statistic-unit{flex-shrink:0;font-size:16px;font-weight:500;color:var(--color-text-secondary,#475569)}
.ombox-statistic-trend{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;font-size:13px;line-height:1.6;color:var(--color-text-muted,#64748b);overflow-wrap:anywhere}
.ombox-statistic-trend>span:first-child{font-weight:600}.ombox-statistic-trend .is-success{color:var(--color-success,#15803d)}.ombox-statistic-trend .is-danger{color:var(--color-danger,#b91c1c)}.ombox-statistic-trend .is-neutral{color:var(--color-text-secondary,#475569)}
.ombox-statistic-description{margin:0;font-size:13px;line-height:1.6;color:var(--color-text-muted,#64748b);overflow-wrap:anywhere}

a.ombox-statistic:hover {border-color:var(--color-primary,#0087f7);color: var(--color-hover-text, #0087F7);}
a.ombox-statistic:focus-visible{outline:2px solid var(--color-primary,#0087f7);outline-offset:3px}
.ombox-statistic.is-disabled{opacity:.6}
.ombox-statistic-group[data-statistic-surface="tablet"],body:is(.device-tablet,.shell-variant-tablet) .ombox-statistic-group[data-statistic-surface="auto"]{grid-template-columns:repeat(2,minmax(0,1fr));--statistic-padding:24px;--statistic-font:32px;gap:16px}
.ombox-statistic-group[data-statistic-surface="mobile"],body:is(.device-mobile,.shell-variant-mobile) .ombox-statistic-group[data-statistic-surface="auto"]{grid-template-columns:minmax(0,1fr);--statistic-padding:16px;--statistic-font:30px;gap:12px}
@media(min-width:768px) and (max-width:1023.98px){body:not(.device-desktop):not(.shell-variant-desktop):not(.device-mobile):not(.shell-variant-mobile) .ombox-statistic-group[data-statistic-surface="auto"]{grid-template-columns:repeat(2,minmax(0,1fr));--statistic-padding:24px}}
@media(max-width:767.98px){body:not(.device-desktop):not(.shell-variant-desktop):not(.device-tablet):not(.shell-variant-tablet) .ombox-statistic-group[data-statistic-surface="auto"]{grid-template-columns:minmax(0,1fr);--statistic-padding:16px;--statistic-font:30px;gap:12px}}
body.eye-protection .ombox-statistic{background:#faf8f3;border-color:#d9cbb8;color:#4a3c28}
body.eye-protection .ombox-statistic :is(.ombox-statistic-label,.ombox-statistic-description,.ombox-statistic-unit,.ombox-statistic-trend){color:#6b5d4f}
body.eye-protection .ombox-statistic-icon{color:#665235}
body.eye-protection .ombox-statistic-trend .is-success{color:#376348}body.eye-protection .ombox-statistic-trend .is-danger{color:#993e36}body.eye-protection .ombox-statistic-trend .is-neutral{color:#6b5d4f}

body.eye-protection a.ombox-statistic:hover {border-color:#9b845f;color: var(--color-hover-text, #0087F7);}body.eye-protection a.ombox-statistic:focus-visible{outline-color:#9b845f}
.ombox-statistic-group:has(>.ombox-statistic:only-child){grid-template-columns:minmax(0,1fr)}