/* The baking list (seller tools, step T4b): each dish, then a big tick for each line to make. */

.baking__intro { margin: 0 0 var(--space-3); }
.baking__empty { margin: var(--space-4) 0; font-size: var(--fs-lg); color: var(--text-muted); }
.baking__from { margin: var(--space-3) 0 var(--space-1); font-weight: 800; }
.baking__waiting { margin: 0 0 var(--space-2); padding: var(--space-3); background: var(--info-bg); border-radius: var(--radius-sm); }
.baking__waiting a { padding-block: .6rem; } /* a bigger tap area */
.baking__progress { margin: 0 0 var(--space-3); color: var(--text-muted); font-weight: 700; }

.baking__dishes { display: grid; gap: var(--space-4); margin-bottom: var(--space-4); }
.page__body .baking__dish-name { margin: 0; font-size: var(--fs-xl); overflow-wrap: anywhere; }
.baking__sizes { margin: var(--space-1) 0 var(--space-2); color: var(--text-muted); font-weight: 700; overflow-wrap: anywhere; }

.page__body .baking__lines { display: grid; gap: var(--space-2); margin: 0; padding: 0; list-style: none; }
.page__body .baking__lines li + li { margin-top: 0; }
.baking__line {
  background: var(--surface);
  border: 2px solid var(--card-border);
  border-radius: var(--radius);
}
/* Made: a dashed edge and a tick, so it isn't told by colour alone. */
.baking__line--done { border-style: dashed; background: var(--surface-sunk); }
.baking__line--done .baking__what { text-decoration: line-through; }

.baking__label { display: flex; align-items: flex-start; gap: var(--space-3); padding: var(--space-3); cursor: pointer; }
.baking__tick { flex: none; width: 1.75rem; height: 1.75rem; margin: 0; accent-color: var(--focus); }
.baking__words { display: grid; gap: var(--space-1); min-width: 0; }
.baking__what { font-size: var(--fs-lg); font-weight: 800; overflow-wrap: anywhere; }
.baking__choices { font-weight: 700; overflow-wrap: anywhere; }
.baking__more { font-weight: 800; color: var(--text); padding: 0 var(--space-2); background: var(--info-bg); border-radius: var(--radius-sm); justify-self: start; }