.vx-alert{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:14px 16px;border:1px solid;color:var(--text-primary);border-radius:var(--radius-1);font-size:var(--fs-body-s);line-height:1.5}
.vx-alert__icon{margin-top:1px}
.vx-alert__title{font-weight:700;margin:0 0 2px}
.vx-alert__body{margin:0;color:var(--text-secondary)}
.vx-alert__close{margin:-12px -12px -12px 0}
.vx-alert--info{border-color:var(--info);background:var(--info-tint)}.vx-alert--info .vx-alert__icon{color:var(--info)}
.vx-alert--success{border-color:var(--success);background:var(--success-tint)}.vx-alert--success .vx-alert__icon{color:var(--success)}
.vx-alert--warning{border-color:var(--warning);background:var(--warning-tint)}.vx-alert--warning .vx-alert__icon{color:var(--warning)}
.vx-alert--error{border-color:var(--error);background:var(--error-tint)}.vx-alert--error .vx-alert__icon{color:var(--error)}
.vx-badge{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:var(--radius-1);border:1px solid transparent;font-family:var(--font-label);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;line-height:1;white-space:nowrap}
.vx-badge--neutral{border-color:var(--border-default);color:var(--text-secondary)}
.vx-badge--red{background:var(--accent);color:var(--white)}
.vx-badge--gold{border-color:var(--text-gold);color:var(--text-gold)}
.vx-badge--silver{border-color:var(--text-silver);color:var(--text-silver)}
.vx-badge--success{background:var(--success-tint);color:var(--success)}
.vx-badge--warning{background:var(--warning-tint);color:var(--warning)}
.vx-badge--error{background:var(--error-tint);color:var(--error)}
.vx-badge--solid{background:var(--text-primary);color:var(--surface-page)}
.vx-chip{display:inline-flex;flex-direction:column;justify-content:center;gap:3px;min-width:84px;padding:8px 12px;border:1px solid var(--border-default);border-radius:var(--radius-chip);background:var(--surface-1)}
.vx-chip__label{font-family:var(--font-label);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--text-muted);line-height:1}
.vx-chip__value{font-family:var(--font-numeric);font-variant-numeric:tabular-nums;font-weight:600;font-size:17px;line-height:1.1;color:var(--text-primary)}
.vx-chip__unit{font-weight:500;color:var(--text-muted);font-size:13px;margin-left:2px}
.vx-chip--inline{flex-direction:row;align-items:baseline;gap:8px;min-width:0;padding:6px 10px}
.vx-chip--inline .vx-chip__value{font-size:15px}
.vx-chip-row{display:flex;flex-wrap:wrap;gap:8px}