.card{--card-bg:var(--surface-card);--card-border:var(--border-primary);--card-radius:var(--radius-card);--card-padding:var(--space-4);--card-selected-border:var(--border-active);--card-selected-bg:#30a7bf0a;--card-highlight-color:var(--status-amber);--card-highlight-width:3px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);padding:var(--card-padding);transition:transform var(--duration-fast) var(--ease), background var(--duration-normal) var(--ease), border-color var(--duration-normal) var(--ease)}.card[role=button]{cursor:pointer;-webkit-tap-highlight-color:transparent}.card[role=button]:active{transform:scale(.98)}.card-selected{border-color:var(--card-selected-border);background:var(--card-selected-bg)}.card-highlight{border-left:var(--card-highlight-width) solid var(--card-highlight-color)}