| .dw-empty { | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| justify-content: center; | |
| text-align: center; | |
| padding: var(--space-12) var(--space-6); | |
| color: var(--color-text-secondary); | |
| } | |
| .dw-empty__icon { | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| width: 44px; | |
| height: 44px; | |
| border-radius: var(--radius-lg); | |
| background: var(--color-surface-hover); | |
| color: var(--color-text-muted); | |
| margin-bottom: var(--space-4); | |
| } | |
| .dw-empty__title { | |
| font-size: var(--text-lg); | |
| color: var(--color-text-primary); | |
| } | |
| .dw-empty__description { | |
| margin-top: var(--space-2); | |
| font-size: var(--text-sm); | |
| max-width: 420px; | |
| line-height: var(--leading-normal); | |
| } | |
| .dw-empty__action { | |
| margin-top: var(--space-5); | |
| } | |