.wo-btn{justify-content:center;align-items:center;gap:var(--wo-space-sm);font-family:var(--wo-font-sans);border-radius:var(--wo-radius-md);padding:14px var(--wo-space-xl);cursor:pointer;border:none;font-size:16px;font-weight:600;line-height:1.2;transition:opacity .15s ease-out,transform .15s ease-out;display:inline-flex}.wo-btn:disabled{opacity:.5;cursor:not-allowed}.wo-btn:active:not(:disabled){opacity:.9;transform:scale(.98)}.wo-btn--full{width:100%}.wo-btn--primary{background:var(--wo-gradient);color:#fff}.wo-btn--secondary{background:var(--wo-surface-muted);color:var(--wo-brand-blue)}.wo-btn--ghost{color:var(--wo-brand-blue);padding-left:var(--wo-space-md);padding-right:var(--wo-space-md);background:0 0}
.wo-card{background:var(--wo-surface);border:.5px solid var(--wo-separator);border-radius:var(--wo-radius-lg);box-shadow:var(--wo-shadow-card);padding:var(--wo-space-lg);color:var(--wo-text);font-family:var(--wo-font-sans)}.wo-card--flush{padding:0;overflow:hidden}
.wo-badge{align-items:center;gap:var(--wo-space-xs);font-family:var(--wo-font-sans);padding:5px var(--wo-space-sm);border-radius:var(--wo-radius-pill);white-space:nowrap;font-size:12px;font-weight:600;line-height:1;display:inline-flex}.wo-badge--neutral{background:var(--wo-surface-muted);color:var(--wo-text-secondary)}.wo-badge--brand{background:color-mix(in srgb, var(--wo-brand-blue) 16%, transparent);color:var(--wo-brand-blue)}.wo-badge--success{background:color-mix(in srgb, var(--wo-brand-green) 16%, transparent);color:var(--wo-brand-green)}.wo-badge--warning{background:color-mix(in srgb, var(--wo-warning) 18%, transparent);color:var(--wo-warning)}.wo-badge--danger{background:color-mix(in srgb, var(--wo-danger) 16%, transparent);color:var(--wo-danger)}
.wo-chip{align-items:center;gap:var(--wo-space-xs);font-family:var(--wo-font-sans);padding:var(--wo-space-sm) var(--wo-space-md);border-radius:var(--wo-radius-pill);border:1px solid var(--wo-separator);background:var(--wo-surface);color:var(--wo-text);cursor:pointer;font-size:14px;font-weight:500;line-height:1;transition:background .12s ease-out,border-color .12s ease-out;display:inline-flex}.wo-chip:hover:not(.wo-chip--selected){background:var(--wo-surface-muted)}.wo-chip--selected{background:var(--wo-gradient);color:#fff;border-color:#0000}
.wo-field{gap:var(--wo-space-xs);font-family:var(--wo-font-sans);flex-direction:column;display:flex}.wo-field__label{color:var(--wo-text-secondary);font-size:13px;font-weight:600}.wo-input{font-family:var(--wo-font-sans);color:var(--wo-text);background:var(--wo-surface);border:1px solid var(--wo-separator);border-radius:var(--wo-radius-sm);padding:var(--wo-space-md) var(--wo-space-lg);outline:none;font-size:16px;transition:border-color .12s ease-out,box-shadow .12s ease-out}.wo-input::placeholder{color:var(--wo-text-secondary);opacity:.7}.wo-input:focus{border-color:var(--wo-brand-blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--wo-brand-blue) 20%, transparent)}.wo-field--invalid .wo-input{border-color:var(--wo-danger)}.wo-field__hint{color:var(--wo-text-secondary);font-size:12px}.wo-field--invalid .wo-field__hint{color:var(--wo-danger)}