:root{--koa-widget-padding:var(--koa-space-3,12px);--koa-widget-row-compact:28px;--koa-widget-row-default:32px;--koa-widget-row-touch:40px;--koa-widget-metric-gap:var(--koa-space-2,8px);--koa-widget-group-gap:var(--koa-space-4,16px);--koa-widget-label-gap:2px}.koa-widget-values{gap:var(--koa-widget-metric-gap);grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid;container-type:inline-size}.koa-widget-value{grid-template-columns:20px minmax(0,1fr) 12px;grid-template-rows:calc(26px * var(--koa-font-scale,1)) calc(16px * var(--koa-font-scale,1));box-sizing:border-box;height:calc(60px * var(--koa-font-scale,1));min-width:0;padding:var(--koa-space-2,8px);color:var(--koa-text-primary);border-radius:var(--koa-control-radius);font:inherit;text-align:left;background:0 0;border:0;align-content:center;align-items:center;gap:2px 4px;display:grid}button.koa-widget-value{cursor:pointer}button.koa-widget-value:hover{background:var(--koa-surface-control-hover)}.koa-widget-value:focus-visible{outline:2px solid var(--koa-state-focus-border,var(--koa-trial-blue));outline-offset:-2px}.koa-widget-value__icon{color:var(--koa-text-muted);grid-area:1/1}.koa-widget-value__number{font-size:var(--koa-role-metric);height:calc(26px * var(--koa-font-scale,1));line-height:calc(26px * var(--koa-font-scale,1));font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;grid-area:1/2;align-items:center;gap:4px;min-width:0;font-weight:600;display:flex;overflow:hidden}.koa-widget-value__label{font-size:var(--koa-role-meta);height:calc(16px * var(--koa-font-scale,1));line-height:calc(16px * var(--koa-font-scale,1));color:var(--koa-text-muted);text-overflow:ellipsis;white-space:nowrap;grid-area:2/2;min-width:0;overflow:hidden}.koa-widget-value__status{color:var(--koa-text-muted);grid-area:1/3}.koa-widget-value[data-state=zero] .koa-widget-value__number,.koa-widget-value[data-state=unknown] .koa-widget-value__number{color:var(--koa-text-muted)}.koa-widget-value[data-state=error] .koa-widget-value__number{color:var(--koa-state-danger-text,var(--koa-text-primary))}.koa-widget-value__skeleton{background:var(--koa-surface-recessed);width:2.5em;height:1em;display:block}@container (width<=380px){.koa-widget-value{grid-template-columns:16px minmax(0,1fr) 8px;padding-inline:4px}}@container (width<=280px){.koa-widget-value__label{visibility:hidden}}@container (width<=200px){.koa-widget-value__icon{visibility:hidden}}.koa-widget-skeleton{box-sizing:border-box;border:1px solid var(--koa-border-subtle);background:var(--koa-surface-recessed);height:360px;position:relative;overflow:hidden}.koa-widget-skeleton:after{content:"";inset:var(--koa-space-3,12px);border:1px solid var(--koa-border-subtle);background:var(--koa-surface-panel);position:absolute}@container (width<=480px){.koa-widget-skeleton[data-skeleton=map]{height:400px}}@media (prefers-reduced-motion:reduce){.koa-widget-values *,.koa-widget-skeleton{transition:none;animation:none}}.koa-project-needs{align-items:center;gap:var(--koa-space-2,8px);padding:var(--koa-space-2,8px);font-size:var(--koa-role-meta);color:var(--koa-text-muted);grid-template-columns:auto repeat(3,minmax(0,1fr));display:grid}.koa-project-need{height:calc(24px * var(--koa-font-scale,1));line-height:calc(24px * var(--koa-font-scale,1));white-space:nowrap;text-overflow:ellipsis;text-align:center;min-width:0;color:var(--koa-state-warning-text,var(--koa-text-primary));overflow:hidden}.koa-project-need[data-needed=false]{color:var(--koa-text-muted)}@container (width>=281px) and (width<=480px){.koa-widget-value__icon{visibility:hidden}}.koa-widget-value__status{flex-direction:column;justify-content:center;align-items:center;display:flex}
