@layer osha-ui{.osha-kpi-row{--osha-kpi-tile-min-h:96px;--osha-kpi-tile-min-w:10rem;display:grid;gap:var(--space-3);list-style:none;margin:0;padding:0}.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%);overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--space-3);-webkit-overflow-scrolling:touch;scrollbar-width:thin}@container app-content (min-width: 48rem){.osha-kpi-row{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:visible;scroll-snap-type:none}}@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);display:flex;flex-direction:column;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);list-style:none}.osha-kpi-row__tile a.osha-kpi-row__tile-link,a.osha-kpi-row__tile{color:inherit;text-decoration:none;cursor:pointer}.osha-kpi-row__tile--interactive:hover,a.osha-kpi-row__tile:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.osha-kpi-row__tile--interactive:focus-visible,a.osha-kpi-row__tile:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.osha-kpi-row__tile-header{display:flex;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}.osha-kpi-row__tile-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--brand-primary)}.osha-kpi-row__tile-label{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.osha-kpi-row__tile-value{color:var(--color-text);font-size:var(--type-step-5);font-weight:700;font-family:var(--font-display);line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.osha-kpi-row__tile-delta{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--osha-kpi-delta-color);font-size:var(--type-step-1);font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums}.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{display:inline-block;font-size:.85em;line-height:1}.osha-kpi-row__tile-delta-period{color:var(--color-text-muted);font-weight:400}.osha-kpi-row__assist{margin-block-start:var(--space-3);font-size:var(--type-step-1);color:var(--color-text-secondary)}@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%);background-size:200% 100%;animation:osha-kpi-row-shimmer var(--motion-duration-slower) var(--motion-ease-linear) infinite}.osha-kpi-row__skel--label{height:.85em;width:60%}.osha-kpi-row__skel--value{height:var(--type-step-5);width:45%}.osha-kpi-row__skel--delta{height:.75em;width:40%}.osha-kpi-row__state{grid-column:1/-1;display:flex;flex-direction:column;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)}.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;font-weight:500;cursor:pointer;min-height:44px;min-width:44px;transition:background var(--motion-duration-fast) var(--motion-ease-smooth)}.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{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}