| .dw-search__bar { | |
| margin-bottom: var(--space-6); | |
| } | |
| .dw-search__input-wrapper { | |
| display: flex; | |
| gap: var(--space-3); | |
| align-items: stretch; | |
| max-width: 480px; | |
| } | |
| .dw-search__input-wrapper .dw-field { | |
| flex: 1; | |
| max-width: 360px; | |
| } | |
| .dw-search__results { | |
| display: flex; | |
| flex-direction: column; | |
| gap: var(--space-3); | |
| } | |
| .dw-search__result-header { | |
| display: flex; | |
| align-items: center; | |
| gap: var(--space-3); | |
| margin-bottom: var(--space-2); | |
| } | |
| .dw-search__result-title { | |
| font-weight: 600; | |
| font-size: var(--text-base); | |
| color: var(--color-text-primary); | |
| margin: 0; | |
| } | |
| .dw-search__result-value { | |
| font-size: var(--text-sm); | |
| color: var(--color-text-secondary); | |
| margin: var(--space-1) 0; | |
| } | |
| .dw-search__result-summary { | |
| font-size: var(--text-sm); | |
| color: var(--color-text-muted); | |
| font-style: italic; | |
| margin: var(--space-1) 0; | |
| } | |
| .dw-search__result-meta { | |
| display: flex; | |
| gap: var(--space-4); | |
| font-size: var(--text-xs); | |
| color: var(--color-text-muted); | |
| margin-top: var(--space-2); | |
| } | |