.nexa-card{background:var(--nexa-card-background);border-color:var(--nexa-card-border);border-radius:var(--nexa-card-radius);box-shadow:var(--nexa-card-shadow)}.nexa-status-badge{display:inline-flex;align-items:center;gap:var(--nexa-space-1);font-size:var(--nexa-font-caption);line-height:var(--nexa-line-body);padding:var(--nexa-space-1) var(--nexa-space-2);border:1px solid var(--nexa-border);border-radius:var(--nexa-radius-pill);background:var(--nexa-surface);color:var(--nexa-text-muted);white-space:nowrap}.nexa-status-badge[data-status-tone=stable]{color:var(--nexa-status-stable)}.nexa-status-badge[data-status-tone=testing]{color:var(--nexa-status-testing)}.nexa-status-badge[data-status-tone=review]{color:var(--nexa-status-review)}.nexa-status-badge[data-status-tone=revision]{color:var(--nexa-status-revision)}.nexa-status-badge[data-status-tone=critical]{color:var(--nexa-status-critical)}.nexa-status-badge[data-status-tone=stopped]{color:var(--nexa-status-stopped)}.nexa-status-badge[data-status-tone=future]{color:var(--nexa-status-future)}.nexa-status-badge[data-status-tone=current]{color:var(--nexa-text-primary)}
.nexa-state{display:flex;align-items:center;gap:var(--nexa-space-3);padding:var(--nexa-space-4);font-size:var(--nexa-font-body-small);color:var(--nexa-text-secondary);line-height:var(--nexa-line-body)}.nexa-state p{margin:0}.nexa-state-error{color:var(--nexa-status-critical)}.nexa-button,.nexa-tabs button{font:inherit;color:var(--nexa-text-primary);background:var(--nexa-surface);border:1px solid var(--nexa-border);border-radius:var(--nexa-radius-medium);padding:var(--nexa-space-2) var(--nexa-space-4);cursor:pointer}.nexa-button[data-variant=Primary]{background:var(--nexa-button-primary);color:var(--nexa-surface)}.nexa-button[data-variant=Ghost]{background:var(--nexa-button-ghost);border-color:transparent}.nexa-button[data-variant=Destructive]{color:var(--nexa-button-destructive)}.nexa-button[data-variant=Icon]{padding:var(--nexa-space-2);min-width:var(--nexa-touch-target)}.nexa-button:hover,.nexa-tabs button:hover{box-shadow:var(--nexa-shadow-subtle)}.nexa-tabs [aria-pressed=true]{border-color:var(--nexa-accent);background:var(--nexa-surface-subtle)}.nexa-button:disabled{cursor:not-allowed;opacity:.55}.nexa-button:focus-visible,.nexa-tabs button:focus-visible,[data-shared-component]:focus-visible{outline:var(--nexa-focus-ring);outline-offset:var(--nexa-focus-offset)}
.nexa-chart{background:var(--nexa-surface);border:1px solid var(--nexa-border);border-radius:var(--nexa-radius-large);padding:var(--nexa-space-5)}.nexa-focus-workspace{font-family:var(--nexa-font-family)}.nexa-focus-workspace h1{font-size:var(--nexa-font-h1);line-height:var(--nexa-line-heading)}.nexa-focus-workspace h2{font-size:var(--nexa-font-h2);line-height:var(--nexa-line-heading)}.nexa-focus-workspace h3{font-size:var(--nexa-font-h3)}.nexa-focus-workspace code{font-family:var(--nexa-font-code)}.nexa-panel-head,.nexa-panel-body{box-sizing:border-box}.nexa-task-modal{border-radius:var(--nexa-radius-large);border-color:var(--nexa-border);box-shadow:var(--nexa-shadow-elevated)}
.shared-foundation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:var(--nexa-space-4)}.shared-foundation-grid article{background:var(--nexa-surface);border:1px solid var(--nexa-border);border-radius:var(--nexa-radius-large);padding:var(--nexa-space-5)}.shared-foundation-grid code{overflow-wrap:anywhere}.shared-token-swatch{display:block;height:64px;border-radius:var(--nexa-radius-medium);border:1px solid var(--nexa-border);margin-bottom:var(--nexa-space-3)}.shared-component-samples{display:flex;gap:var(--nexa-space-3);flex-wrap:wrap;margin-block:var(--nexa-space-4)}.shared-foundation-grid .home-card{grid-column:auto}.shared-foundation-note{color:var(--nexa-text-secondary);font-size:var(--nexa-font-body-small)}
@media(pointer:coarse){.nexa-button,.nexa-tabs button,.nexa-focus-workspace button{min-height:var(--nexa-touch-target)}}@media(max-width:700px){.shared-foundation-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.nexa-focus-workspace,.nexa-button,.nexa-card{animation:none;transition:none}}

#arrowhead path{fill:var(--nexa-structure-connection)}