[data-ui=button]{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border:var(--border-width) solid transparent;border-radius:var(--button-radius);cursor:pointer;text-decoration:none;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}[data-ui=button][data-size=sm]{font-size:var(--font-size-sm);padding:var(--space-1) var(--space-3)}[data-ui=button][data-size=md]{font-size:var(--font-size-base);padding:var(--space-2) var(--space-4)}[data-ui=button][data-size=lg]{font-size:var(--font-size-lg);padding:var(--space-3) var(--space-6)}[data-ui=button][data-variant=primary]{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}[data-ui=button][data-variant=secondary]{background:var(--color-neutral-100);color:var(--color-fg);border-color:var(--color-neutral-300)}[data-ui=button][data-variant=ghost]{color:var(--color-primary);background:0 0;border-color:#0000}[data-ui=button][data-variant=destructive]{background:var(--color-error);color:#fff;border-color:var(--color-error)}[data-ui=button]:hover:not(:disabled){opacity:.9}[data-ui=button]:disabled{opacity:.5;cursor:not-allowed}[data-ui=button]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}[data-ui=label]{font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-fg);display:inline-block}[data-ui=label] [data-role=required]{color:var(--color-error)}[data-ui=input],[data-ui=textarea],[data-ui=select]{width:100%;font-family:var(--font-body);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-fg);background-color:var(--color-bg);border:var(--border-width) solid var(--color-neutral-300);border-radius:var(--radius);padding-block:var(--space-2);padding-inline-start:var(--space-3);display:block}[data-ui=input],[data-ui=textarea]{padding-inline-end:var(--space-3)}[data-ui=textarea]{resize:vertical}[data-ui=input]:focus-visible,[data-ui=textarea]:focus-visible,[data-ui=select]:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px;border-color:var(--color-primary)}[data-ui=input][aria-invalid=true],[data-ui=textarea][aria-invalid=true],[data-ui=select][aria-invalid=true]{border-color:var(--color-error)}[data-ui=input]:disabled,[data-ui=textarea]:disabled,[data-ui=select]:disabled{background-color:var(--color-neutral-100);opacity:.7;cursor:not-allowed}[data-ui=checkbox],[data-ui=radio]{align-items:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--color-fg);display:inline-flex}[data-ui=checkbox] input:focus-visible,[data-ui=radio] input:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}[data-ui=card]{background:var(--color-bg);border:var(--border-width) solid var(--color-neutral-200);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-6)}[data-ui=badge]{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);align-items:center;display:inline-flex}[data-ui=badge][data-tone=neutral]{background:var(--color-neutral-100);color:var(--color-neutral-700)}[data-ui=badge][data-tone=success]{color:#14532d;background:#dcfce7}[data-ui=badge][data-tone=warning]{color:#78350f;background:#fef3c7}[data-ui=badge][data-tone=error]{color:#7f1d1d;background:#fee2e2}[data-ui=badge][data-tone=info]{color:#075985;background:#e0f2fe}[data-ui=avatar]{border-radius:var(--radius-full);background:var(--color-neutral-200)}img[data-ui=avatar]{object-fit:cover;display:inline-block}[data-ui=avatar][data-fallback=true]{color:var(--color-neutral-700);font-family:var(--font-body);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;display:inline-flex}[data-ui=avatar][data-size=sm]{width:2rem;height:2rem;font-size:var(--font-size-xs)}[data-ui=avatar][data-size=md]{width:3rem;height:3rem;font-size:var(--font-size-sm)}[data-ui=avatar][data-size=lg]{width:4rem;height:4rem;font-size:var(--font-size-lg)}[data-ui=separator]{background:var(--color-neutral-200);border:none;margin:0}[data-ui=separator][data-orientation=horizontal]{width:100%;height:var(--border-width)}[data-ui=separator][data-orientation=vertical]{width:var(--border-width);align-self:stretch;height:100%}[data-ui=tooltip]{align-items:center;display:inline-flex;position:relative}[data-ui-tooltip-trigger]{border-radius:var(--radius-pill);width:14px;height:14px;color:var(--brand-slate);border:var(--border-hairline) solid;font-family:var(--font-sans);font-size:9px;font-weight:var(--fw-bold);cursor:help;transition:color var(--dur-fast) var(--ease-standard);background:0 0;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}@media (pointer:coarse){[data-ui-tooltip-trigger]{box-sizing:content-box;box-shadow:inset 0 0 0 var(--border-hairline) currentcolor;background-clip:padding-box;border:5px solid #0000;margin:-5px}}[data-ui-tooltip-trigger]:hover{color:var(--brand-blue)}[data-ui-tooltip-trigger]:focus-visible{outline:2px solid var(--brand-blue);outline-offset:2px}[data-ui-tooltip-content]{z-index:2000;background:var(--surface-card);width:max-content;color:var(--text-body);font-size:var(--fs-sm);line-height:1.6;font-weight:var(--font-weight-regular);border:var(--border-hairline) solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-float);white-space:normal;pointer-events:none;text-align:left;padding:14px 18px;position:fixed}[data-ui-tooltip-content] [data-role=perf-tip]{flex-direction:column;gap:4px;display:flex}[data-ui-tooltip-content]:after{content:"";left:var(--tooltip-caret,50%);background:var(--surface-card);border-right:var(--border-hairline) solid var(--border-default);border-bottom:var(--border-hairline) solid var(--border-default);width:11px;height:11px;margin-left:-5.5px;position:absolute}[data-ui-tooltip-content][data-placement=top]:after{bottom:-6px;transform:rotate(45deg)}[data-ui-tooltip-content][data-placement=bottom]:after{top:-6px;transform:rotate(225deg)}
