.metric-group.svelte-ngr30e{border:1px solid var(--border-subtle);background:var(--surface-primary);box-shadow:var(--shadow-surface);border-radius:8px;gap:12px;padding:14px;display:grid}header.svelte-ngr30e{justify-content:space-between;align-items:baseline;gap:12px;display:flex}h2.svelte-ngr30e,p.svelte-ngr30e{margin:0}h2.svelte-ngr30e{font-size:var(--font-section-title);font-weight:var(--weight-semibold)}p.svelte-ngr30e,.detail.svelte-ngr30e{color:var(--text-secondary);font-size:var(--font-meta)}.metrics.svelte-ngr30e{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px 20px;display:grid}article.svelte-ngr30e{border-left:2px solid var(--border-subtle);gap:4px;min-width:0;padding-left:10px;display:grid}.label.svelte-ngr30e{color:var(--text-secondary);font-size:var(--font-label);font-weight:var(--weight-semibold);text-transform:uppercase}strong.svelte-ngr30e{color:var(--text-primary);font-size:var(--font-metric-primary);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;line-height:1.1}small.svelte-ngr30e{color:var(--text-secondary);margin-left:4px;font-size:12px;font-weight:600}.tone-positive.svelte-ngr30e strong:where(.svelte-ngr30e){color:var(--pnl-profit)}.tone-positive.svelte-ngr30e{border-left-color:var(--pnl-profit)}.tone-negative.svelte-ngr30e strong:where(.svelte-ngr30e){color:var(--pnl-loss)}.tone-negative.svelte-ngr30e{border-left-color:var(--pnl-loss)}.tone-long.svelte-ngr30e{border-left-color:var(--direction-long)}.tone-long.svelte-ngr30e strong:where(.svelte-ngr30e){color:var(--direction-long)}.tone-short.svelte-ngr30e{border-left-color:var(--direction-short)}.tone-short.svelte-ngr30e strong:where(.svelte-ngr30e){color:var(--direction-short)}.tone-healthy.svelte-ngr30e{border-left-color:var(--status-healthy-fg)}.tone-info.svelte-ngr30e{border-left-color:var(--status-info-fg)}.tone-critical.svelte-ngr30e{border-left-color:var(--status-critical-fg);background:var(--status-critical-bg)}.tone-warning.svelte-ngr30e strong:where(.svelte-ngr30e){color:var(--status-warning-fg)}.tone-warning.svelte-ngr30e{border-left-color:var(--status-warning-fg);background:var(--status-warning-bg)}.tone-muted.svelte-ngr30e strong:where(.svelte-ngr30e){color:var(--text-secondary)}.compact.svelte-ngr30e{padding:0}