@layer components{.button{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-medium);white-space:nowrap;cursor:pointer;border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--easing-default), border-color var(--duration-fast) var(--easing-default), color var(--duration-fast) var(--easing-default), box-shadow var(--duration-fast) var(--easing-default);border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex;position:relative}.button:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:var(--opacity-disabled)}.button--sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);min-height:32px}@media (pointer:coarse){.button--sm{min-height:var(--touch-target-min)}}.button--md{padding:var(--space-sm) var(--space-md);min-height:var(--touch-target-min)}.button--lg{padding:var(--space-md) var(--space-lg);font-size:var(--text-lg);min-height:52px}.button--primary{background-color:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary)}.button--primary:hover:not(:disabled,[aria-disabled=true]){background-color:color-mix(in srgb, var(--accent-primary) 85%, white);box-shadow:var(--shadow-glow)}.button--primary:active:not(:disabled,[aria-disabled=true]){background-color:color-mix(in srgb, var(--accent-primary) 90%, black)}:is(.button--secondary,.button--default){background-color:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-default)}:is(.button--secondary,.button--default):hover:not(:disabled,[aria-disabled=true]){background-color:color-mix(in srgb, var(--bg-tertiary) 80%, white);border-color:var(--border-accent)}:is(.button--secondary,.button--default):active:not(:disabled,[aria-disabled=true]){background-color:var(--bg-secondary)}.button--ghost{color:var(--text-primary);background-color:#0000;border-color:#0000}.button--ghost:hover:not(:disabled,[aria-disabled=true]){background-color:var(--bg-tertiary)}.button--ghost:active:not(:disabled,[aria-disabled=true]){background-color:var(--bg-secondary)}.button--destructive{background-color:var(--status-unhealthy);color:var(--bg-primary);border-color:var(--status-unhealthy)}.button--destructive:hover:not(:disabled,[aria-disabled=true]){background-color:color-mix(in srgb, var(--status-unhealthy) 85%, white);box-shadow:var(--glow-error)}.button--destructive:active:not(:disabled,[aria-disabled=true]){background-color:color-mix(in srgb, var(--status-unhealthy) 90%, black)}.button--warning{background-color:var(--status-degraded);color:var(--bg-primary);border-color:var(--status-degraded)}.button--warning:hover:not(:disabled,[aria-disabled=true]){background-color:color-mix(in srgb, var(--status-degraded) 85%, white)}.button--warning:active:not(:disabled,[aria-disabled=true]){background-color:color-mix(in srgb, var(--status-degraded) 90%, black)}.button--outline{color:var(--text-primary);border-color:var(--border-default);background-color:#0000}.button--outline:hover:not(:disabled,[aria-disabled=true]){background-color:var(--bg-tertiary);border-color:var(--border-accent)}.button--outline:active:not(:disabled,[aria-disabled=true]){background-color:var(--bg-secondary)}:is(.button--primary,.button--destructive,.button--warning):disabled,:is(.button--primary,.button--destructive,.button--warning)[aria-disabled=true]{background-color:var(--bg-tertiary);color:var(--text-muted);border-color:var(--border-default)}.button--loading{cursor:wait}.button__spinner{border-radius:var(--radius-full);width:1em;height:1em;animation:spin var(--duration-spinner) linear infinite;border:2px solid;border-right-color:#0000;position:absolute}.button__content{align-items:center;gap:inherit;display:inline-flex}.button__content--hidden{visibility:hidden}}