| .dw-card { | |
| background: var(--color-surface); | |
| border: 1px solid var(--color-border); | |
| border-radius: var(--radius-lg); | |
| text-decoration: none; | |
| color: inherit; | |
| display: block; | |
| } | |
| .dw-card--padded { | |
| padding: var(--space-5); | |
| } | |
| .dw-card--interactive { | |
| cursor: pointer; | |
| transition: border-color var(--transition-fast), background var(--transition-fast); | |
| } | |
| .dw-card--interactive:hover { | |
| border-color: var(--color-border-strong); | |
| background: var(--color-surface-raised); | |
| } | |
| .dw-card__header { | |
| display: flex; | |
| align-items: flex-start; | |
| justify-content: space-between; | |
| gap: var(--space-4); | |
| margin-bottom: var(--space-4); | |
| } | |
| .dw-card__title { | |
| font-size: var(--text-lg); | |
| font-weight: 600; | |
| } | |
| .dw-card__subtitle { | |
| margin-top: var(--space-1); | |
| font-size: var(--text-sm); | |
| color: var(--color-text-secondary); | |
| } | |