.data-state{border:1px solid var(--border);min-height:116px;color:var(--muted);background:var(--surface-soft);border-radius:7px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:18px;display:grid}.data-state>svg{color:var(--accent-text)}.data-state strong,.data-state small{display:block}.data-state strong{color:var(--text-strong)}.data-state small{margin-top:3px}.data-state.error{border-color:color-mix(in srgb, var(--danger) 32%, var(--border))}.data-state.error>svg{color:var(--danger)}.data-state.compact{min-height:0;padding:11px 12px}.data-state-action{justify-content:flex-end;display:flex}@media (width<=520px){.data-state{grid-template-columns:auto minmax(0,1fr)}.data-state-action{grid-column:1/-1;justify-content:stretch}.data-state-action>button{justify-content:center;width:100%}}