/* CUISummaryCard - mirrors cui_summary_card.dart. Variants: ai_summary_tile (small image card, name + change tag, oval reset button)
   | recipe_detail_tile (naked image, name/subtitle left, qty/subtitle right, optional tag above). */
.cui-summary-card { box-sizing: border-box; width: 100%; color: var(--cui-color-text-default); }
.cui-summary-card__name { margin: 0; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--cui-color-text-default);
  font-family: var(--cui-type-body-md-semi-family); font-size: var(--cui-type-body-md-semi-size); font-weight: var(--cui-type-body-md-semi-weight);
  letter-spacing: var(--cui-type-body-md-semi-spacing); line-height: round(var(--cui-type-body-md-semi-line), 1px); }
.cui-summary-card__sub { margin: 0; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--cui-color-text-subtle);
  font-family: var(--cui-type-body-sm-family); font-size: var(--cui-type-body-sm-size); font-weight: var(--cui-type-body-sm-weight);
  letter-spacing: var(--cui-type-body-sm-spacing); line-height: round(var(--cui-type-body-sm-line), 1px); }

/* ai summary tile */
.cui-summary-card--ai { display: flex; align-items: center; padding: 0 var(--cui-space-sm); }
.cui-summary-card--ai .cui-summary-card__name { font-family: var(--cui-type-body-sm-semi-family); font-size: var(--cui-type-body-sm-semi-size);
  font-weight: var(--cui-type-body-sm-semi-weight); letter-spacing: var(--cui-type-body-sm-semi-spacing); line-height: round(var(--cui-type-body-sm-semi-line), 1px); }
.cui-summary-card__body { flex: 1; min-width: 0; margin: 0 var(--cui-space-md); display: flex; flex-direction: column; align-items: flex-start; }
.cui-summary-card__body .cui-tag { margin-top: var(--cui-space-xs); }
.cui-summary-card--ai > .cui-image-card { margin-right: 0; }
.cui-summary-card--ai > .cui-button { flex: none; }

/* recipe detail tile */
.cui-summary-card--detail { padding: var(--cui-space-sm); }
.cui-summary-card__tag { display: flex; margin-bottom: var(--cui-space-2xs); }
.cui-summary-card__row { display: flex; align-items: center; }
.cui-summary-card__main { flex: 1; min-width: 0; margin-left: var(--cui-space-sm); display: flex; flex-direction: column; gap: var(--cui-space-2xs); }
.cui-summary-card__qty { flex: 1; min-width: 0; margin-left: var(--cui-space-md); display: flex; flex-direction: column; align-items: flex-end; gap: var(--cui-space-2xs); text-align: right; }
.cui-summary-card__qty > * { max-width: 100%; }