@layer osha-ui{.osha-kpi-row{--osha-kpi-tile-min-h:96px;--osha-kpi-tile-min-w:10rem;gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.osha-kpi-row[data-density=comfortable]{--osha-kpi-tile-min-h:96px}.osha-kpi-row[data-density=cozy]{--osha-kpi-tile-min-h:80px}.osha-kpi-row[data-density=compact]{--osha-kpi-tile-min-h:64px}.osha-kpi-row{grid-auto-flow:column;grid-auto-columns:minmax(var(--osha-kpi-tile-min-w), 70%);scroll-snap-type:x mandatory;scroll-padding-inline:var(--space-3);-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow-x:auto}@container app-content (min-width:48rem){.osha-kpi-row{scroll-snap-type:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-columns:auto;grid-auto-flow:row;overflow-x:visible}}@container app-content (min-width:64rem){.osha-kpi-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@container app-content (min-width:80rem){.osha-kpi-row{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}}.osha-kpi-row__tile{--osha-kpi-delta-color:var(--color-text-muted);justify-content:space-between;gap:var(--space-2);padding:var(--density-card-padding);min-height:var(--osha-kpi-tile-min-h);min-width:var(--osha-kpi-tile-min-w);background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);scroll-snap-align:start;transition:box-shadow var(--motion-duration-fast) var(--motion-ease-smooth), transform var(--motion-duration-fast) var(--motion-ease-smooth);flex-direction:column;list-style:none;display:flex}a.osha-kpi-row__tile,.osha-kpi-row__tile a.osha-kpi-row__tile-link{color:inherit;cursor:pointer;text-decoration:none}a.osha-kpi-row__tile:hover,.osha-kpi-row__tile--interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}a.osha-kpi-row__tile:focus-visible,.osha-kpi-row__tile--interactive:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.osha-kpi-row__tile-header{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--type-step-2);font-weight:500;line-height:1.2;display:flex}.osha-kpi-row__tile-icon{color:var(--brand-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.osha-kpi-row__tile-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.osha-kpi-row__tile-value{color:var(--color-text);font-size:var(--type-step-5);font-weight:700;font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.osha-kpi-row__tile-delta{align-items:center;gap:var(--space-1);color:var(--osha-kpi-delta-color);font-size:var(--type-step-1);font-variant-numeric:tabular-nums;font-weight:500;line-height:1.2;display:inline-flex}.osha-kpi-row__tile-delta--positive{--osha-kpi-delta-color:var(--color-success)}.osha-kpi-row__tile-delta--negative{--osha-kpi-delta-color:var(--color-danger)}.osha-kpi-row__tile-delta--zero{--osha-kpi-delta-color:var(--color-text-muted)}.osha-kpi-row__tile-delta-arrow{font-size:.85em;line-height:1;display:inline-block}.osha-kpi-row__tile-delta-period{color:var(--color-text-muted);font-weight:400}.osha-kpi-row__assist{font-size:var(--type-step-1);color:var(--color-text-secondary);margin-block-start:var(--space-3)}@keyframes osha-kpi-row-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.osha-kpi-row__tile--skeleton{pointer-events:none}.osha-kpi-row__skel{border-radius:var(--radius-sm);background-color:var(--color-bg-elevated);background-image:linear-gradient(90deg, var(--color-bg-elevated) 0%, var(--color-bg) 50%, var(--color-bg-elevated) 100%);animation:osha-kpi-row-shimmer var(--motion-duration-slower) var(--motion-ease-linear) infinite;background-size:200% 100%}.osha-kpi-row__skel--label{width:60%;height:.85em}.osha-kpi-row__skel--value{height:var(--type-step-5);width:45%}.osha-kpi-row__skel--delta{width:40%;height:.75em}.osha-kpi-row__state{align-items:flex-start;gap:var(--space-2);padding:var(--density-card-padding);min-height:var(--osha-kpi-tile-min-h);background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text-secondary);font-size:var(--type-step-2);flex-direction:column;grid-column:1/-1;display:flex}.osha-kpi-row__state--error{color:var(--color-danger)}.osha-kpi-row__retry{appearance:none;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);padding-block:var(--space-2);padding-inline:var(--space-4);border-radius:var(--radius-md);font:inherit;cursor:pointer;min-width:44px;min-height:44px;transition:background var(--motion-duration-fast) var(--motion-ease-smooth);font-weight:500}.osha-kpi-row__retry:hover{background:var(--color-bg-elevated)}.osha-kpi-row__retry:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.osha-kpi-row__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}