/* Coloured icon tile: decoration from the category colours, never the action colour */
.wt-tile{--tile-fg:var(--wt-color-cat-green);--tile-bg:var(--wt-color-cat-green-tint);width:44px;height:44px;flex:none;border-radius:var(--wt-radius-lg);display:inline-flex;align-items:center;justify-content:center;background:var(--tile-bg);color:var(--tile-fg)}
.wt-tile--lg{width:56px;height:56px;border-radius:var(--wt-radius-xl)}
.wt-tile--sm{width:36px;height:36px;border-radius:var(--wt-radius-md)}
.wt-tile--blue{--tile-fg:var(--wt-color-cat-blue);--tile-bg:var(--wt-color-cat-blue-tint)}
.wt-tile--purple{--tile-fg:var(--wt-color-cat-purple);--tile-bg:var(--wt-color-cat-purple-tint)}
.wt-tile--orange{--tile-fg:var(--wt-color-cat-orange);--tile-bg:var(--wt-color-cat-orange-tint)}
.wt-tile--pink{--tile-fg:var(--wt-color-cat-pink);--tile-bg:var(--wt-color-cat-pink-tint)}
.wt-tile--teal{--tile-fg:var(--wt-color-cat-teal);--tile-bg:var(--wt-color-cat-teal-tint)}
.wt-tile--red{--tile-fg:var(--wt-color-cat-red);--tile-bg:var(--wt-color-cat-red-tint)}
.wt-icon{flex:none}
.wt-kpi{display:flex;align-items:center;gap:var(--wt-space-3);padding:var(--wt-space-4);background:var(--wt-color-surface);border:var(--wt-border-width) solid var(--wt-color-border);border-radius:var(--wt-radius-xl);min-width:0;color:inherit;text-decoration:none}
a.wt-kpi:hover{border-color:var(--wt-color-action)}
.wt-kpi-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.wt-kpi-label{font-size:13px;font-weight:var(--wt-weight-medium);color:var(--wt-color-text-2)}
.wt-kpi-row{display:flex;align-items:center;gap:var(--wt-space-2);flex-wrap:wrap}
.wt-kpi-value{font-size:var(--wt-text-2xl);font-weight:var(--wt-weight-heavy);letter-spacing:var(--wt-tracking-heading);line-height:1.1;font-variant-numeric:tabular-nums;color:var(--wt-color-text)}
.wt-kpi-note{font-size:var(--wt-text-xs);color:var(--wt-color-text-muted)}
.wt-chip{display:inline-flex;align-items:center;gap:2px;padding:1px 8px;border-radius:var(--wt-radius-pill);font-size:var(--wt-text-xs);font-weight:var(--wt-weight-bold)}
.wt-chip--up{background:var(--wt-color-success-tint);color:var(--wt-color-success)}
.wt-chip--down{background:var(--wt-color-danger-tint);color:var(--wt-color-danger-text)}
.wt-chip--blue{background:var(--wt-color-cat-blue-tint);color:var(--wt-color-cat-blue)}
.wt-chip--purple{background:var(--wt-color-cat-purple-tint);color:var(--wt-color-cat-purple)}
.wt-chip--orange{background:var(--wt-color-cat-orange-tint);color:var(--wt-color-cat-orange)}
.wt-chip--pink{background:var(--wt-color-cat-pink-tint);color:var(--wt-color-cat-pink)}
.wt-chip--teal{background:var(--wt-color-cat-teal-tint);color:var(--wt-color-cat-teal)}
.wt-chip--green{background:var(--wt-color-cat-green-tint);color:var(--wt-color-cat-green)}
.wt-chip--red{background:var(--wt-color-cat-red-tint);color:var(--wt-color-cat-red)}