/* ============================================
   app-entry-cards.css
   ============================================
   Entry card styles including collapsed/expanded states,
   filter bar, and WOD detail view styles.
   ============================================ */

/* ── Entry card (collapsed) ─────────────────────────────────────── */
.entry-card { background: var(--color-surface-card); border: var(--border-default); border-radius: var(--radius-element); padding: var(--space-md); cursor: pointer; display: flex; align-items: center; gap: var(--space-sm); min-height: 44px; }
.entry-card__tag { display: inline-flex; padding: 2px var(--space-sm); border-radius: var(--radius-pill); font-size: var(--wp-text-xs); font-weight: var(--wp-weight-semibold); min-height: 44px; align-items: center; }
.entry-card__tag--strength { background: var(--color-primary); color: #fff; }
.entry-card__tag--engine { background: var(--color-warning); color: #fff; }
.entry-card__tag--gymnastics { background: var(--color-success); color: #fff; }
.entry-card__tag--olympic { background: var(--color-info); color: #fff; }
.entry-card__tag--mixed { background: var(--color-surface-muted); color: var(--color-text-tertiary); border: var(--border-default); }
.entry-card__score { font-size: var(--wp-text-lg); font-weight: var(--wp-weight-bold); color: var(--color-text-primary); }
.entry-card__score--empty { font-size: var(--wp-text-sm); color: var(--color-text-tertiary); font-style: italic; }
.entry-card__rx-badge { display: inline-flex; align-items: center; padding: 2px var(--space-sm); border-radius: var(--radius-pill); background: var(--color-primary-wash); color: var(--color-primary); font-size: var(--wp-text-xs); font-weight: var(--wp-weight-semibold); min-height: 44px; }
.entry-card__delta { font-size: var(--wp-text-sm); }
.entry-card__delta--up { color: var(--color-success); }
.entry-card__delta--down { color: var(--color-danger); }
.entry-card__chevron { margin-left: auto; transition: transform 0.2s; }
.entry-card__chevron.is-open { transform: rotate(180deg); }

/* ── Entry card (expanded) ──────────────────────────────────────── */
.entry-card__expanded { padding: var(--space-md); border-top: var(--border-default); background: var(--color-surface-muted); }
.entry-card__expanded[hidden] { display: none; }
.entry-card__actions { display: flex; gap: var(--space-sm); flex-wrap: wrap; margin-top: var(--space-sm); }

/* ── Filter bar ─────────────────────────────────────────────────── */
.workouts-filter-bar--v2 { display: flex; flex-wrap: wrap; gap: var(--space-sm); align-items: center; }
.workouts-filter-toggle { display: inline-flex; align-items: center; gap: 4px; padding: 6px var(--space-sm); min-height: 44px; background: var(--color-surface-muted); color: var(--color-text-primary); border: var(--border-default); border-radius: var(--radius-element); font-size: var(--wp-text-sm); font-weight: var(--wp-weight-semibold); cursor: pointer; }
.workouts-filter-toggle:hover { background: var(--color-surface-card); }
.workouts-filter-panel { padding: var(--space-md); background: var(--color-surface-muted); border-radius: var(--radius-element); }
.workouts-active-filters { display: flex; flex-wrap: wrap; gap: var(--space-xs); margin-top: var(--space-sm); }
.filter-chip { display: inline-flex; align-items: center; gap: 4px; padding: 2px var(--space-sm); background: var(--color-primary-wash); color: var(--color-primary); border-radius: var(--radius-pill); font-size: var(--wp-text-sm); min-height: 44px; }
.filter-chip__remove { cursor: pointer; color: inherit; background: none; border: none; line-height: 1; text-decoration: none; }

/* ── Detail view (wod-*) ────────────────────────────────────────── */
.wod-block { white-space: pre-wrap; font-family: inherit; font-size: var(--wp-text-sm); color: var(--color-text-primary); background: var(--color-surface-muted); border-radius: var(--radius-inset); padding: var(--space-sm) var(--space-md); }
.wod-score-section { display: flex; align-items: baseline; gap: var(--space-sm); margin: var(--space-sm) 0; }
.wod-score-value { font-size: var(--wp-text-2xl); font-weight: var(--wp-weight-bold); color: var(--color-text-primary); }
.wod-feel-section { display: flex; flex-wrap: wrap; gap: var(--space-sm); align-items: center; }
.wod-rpe-badge { display: inline-flex; align-items: center; background: var(--color-surface-muted); border: var(--border-default); font-size: var(--wp-text-sm); font-weight: var(--wp-weight-semibold); padding: 2px var(--space-sm); border-radius: var(--radius-pill); }
.wod-movement-list { list-style: none; padding: 0; margin: 0; }
.wod-movement-list li { padding: var(--space-xs) 0; font-size: var(--wp-text-sm); border-bottom: var(--border-default); }
.wod-movement-list li:last-child { border-bottom: none; }