.state-card[data-v-bbfc90f1]{background-color:var(--ui-bg-elevated);position:relative}.state-card[data-v-bbfc90f1]:before{content:"";background-color:var(--state-accent);width:4px;position:absolute;inset-block:0;inset-inline-start:0}.state-card--error[data-v-bbfc90f1]{--state-accent:#ef4444}.state-card--warning[data-v-bbfc90f1]{--state-accent:#f59e0b}.state-content[data-v-bbfc90f1]{text-align:center;padding:var(--spacing-xl) var(--spacing-md);align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}.state-icon-wrapper[data-v-bbfc90f1]{background-color:color-mix(in srgb, var(--state-accent) 10%, transparent);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.state-icon[data-v-bbfc90f1]{width:32px;height:32px;color:var(--state-accent)}.state-text[data-v-bbfc90f1]{max-width:500px}.state-title[data-v-bbfc90f1]{font-size:1.25rem;font-weight:var(--font-weight-semibold);color:var(--fg-default);margin:0 0 var(--spacing-xs) 0}.state-message[data-v-bbfc90f1]{color:var(--fg-default-shade);margin:0;font-size:.875rem;line-height:1.5}.state-actions[data-v-bbfc90f1]{justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.state-actions[data-v-bbfc90f1] button.state-action{color:var(--fg-default)!important}