.governance-badge{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);white-space:nowrap;border:1px solid;line-height:1.5;display:inline-flex}.governance-badge--success{background:var(--success-bg);color:var(--success-text)}.governance-badge--warning{background:var(--warning-bg);color:var(--warning-text)}.governance-badge--danger{background:var(--danger-bg);color:var(--danger-text)}.governance-badge--pending,.governance-badge--shadow{border-style:dashed}.metric-card{--metric-tone:var(--primary-text);gap:var(--spacing-sm);width:100%;min-width:0;padding:var(--spacing-lg);border:1px solid var(--border);border-top:3px solid var(--metric-tone);border-radius:var(--radius-lg);background:var(--bg-panel);color:var(--text-primary);box-shadow:var(--shadow-md);text-align:start;font:inherit;transition:transform var(--motion-fast) ease, box-shadow var(--motion-fast) ease, border-color var(--motion-fast) ease;flex-direction:column;display:flex}.metric-card--danger{--metric-tone:var(--danger-text)}.metric-card--warning{--metric-tone:var(--warning-text)}.metric-card--success{--metric-tone:var(--success-text)}.metric-card--primary{--metric-tone:var(--primary-text)}.metric-card--interactive{cursor:pointer}.metric-card--interactive:hover:not(:disabled){box-shadow:var(--shadow-lg);border-color:var(--metric-tone);transform:translateY(-4px)}.metric-card--interactive:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(-1px)}.metric-card--interactive:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.metric-card--interactive:disabled{cursor:not-allowed;border-style:dashed}.metric-card--interactive:disabled .metric-card__value,.metric-card--interactive:disabled .metric-card__icon{color:var(--text-placeholder)}.metric-card__topline{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.metric-card__label{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--text-secondary);overflow-wrap:anywhere}.metric-card__icon{color:var(--metric-tone);font-size:var(--font-size-h3)}.metric-card__value-row{align-items:baseline;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.metric-card__value{color:var(--metric-tone);font-size:var(--font-size-metric);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0;line-height:1.2}.metric-card__value--unknown{color:var(--text-tertiary);font-size:var(--font-size-h2);line-height:2.4}.metric-card__unit,.metric-card__trend,.metric-card__hint{color:var(--text-secondary);font-size:var(--font-size-small)}.metric-card__hint{overflow-wrap:anywhere;margin-top:auto}@media (prefers-reduced-motion:reduce){.metric-card--interactive:hover:not(:disabled),.metric-card--interactive:active:not(:disabled){transform:none}}@media (width<=650px){.metric-card{padding:var(--spacing-md)}}.action-buttons{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;min-width:0;max-width:100%;display:flex}.action-buttons__item,.action-buttons__disabled{max-width:100%;display:inline-flex}.action-buttons .action-btn{border-radius:var(--radius-md);height:auto;min-height:36px;padding:var(--spacing-sm) var(--spacing-md);white-space:normal;font-weight:var(--font-weight-medium);transition:background-color var(--motion-fast), border-color var(--motion-fast), box-shadow var(--motion-fast)}.action-buttons .action-btn:hover:not(:disabled){box-shadow:var(--shadow-sm)}.action-buttons .action-btn--danger:not(:disabled){color:var(--on-primary);background:var(--danger-fill);border-color:var(--danger-fill)}.action-buttons .action-btn.action-btn--danger.ant-btn:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}.action-buttons .action-btn.action-btn--danger.ant-btn:active:not(:disabled){background:var(--danger-active);border-color:var(--danger-active)}.action-buttons__disabled{cursor:help;border-radius:var(--radius-md)}.action-buttons .action-btn:disabled{cursor:not-allowed}.status-dot{white-space:nowrap;color:var(--text-primary);align-items:center;gap:6px;display:inline-flex}.status-dot-mark{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}