.kitchen__cols { display: grid; grid-template-columns: 1fr; gap: var(--space-4); }
@media (min-width: 760px) { .kitchen__cols { grid-template-columns: 1fr 1fr; } }
.kitchen__cols > section { display: flex; flex-direction: column; gap: var(--space-3); }
.kitchen__title { font-size: 1.1rem; }
.kitchen__stack { display: flex; flex-direction: column; gap: 12px; padding: 12px; border: 2px dashed var(--color-accent); border-radius: calc(var(--radius-lg) + 6px); } /* same box as the counter and guest menu */
.kitchen__empty { margin: 0; padding: var(--space-3) var(--space-2); text-align: center; color: var(--color-muted); }
.kcard { display: flex; flex-direction: column; gap: var(--space-2); padding: 14px 16px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: var(--shadow-sm); }
.kcard__head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--space-2); }
/* Heading: table / take-out / dine-in; sub-heading: the order number. */
.kcard__titles { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.kcard__place { font-size: 1.6rem; font-weight: 900; line-height: 1.15; }
.kcard__number { color: var(--color-muted); font-weight: 800; font-size: 1.05rem; }
.kcard__age { flex: none; padding-top: 6px; color: var(--color-muted); font-weight: 700; }
.kcard__guest { font-weight: 700; }
.kcard__lines { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; font-size: 1.1rem; }
.kcard__sub, .kcard__note { display: block; color: var(--color-muted); font-size: 0.95rem; }
.kcard__lines li { padding: 10px 12px; border: 1px solid var(--color-border); border-radius: var(--radius); background: var(--color-bg); }
.kcard__note { font-style: italic; }
.kcard .btn { min-height: 56px; font-size: 1.1rem; }
/* Cancelled by the counter: stays until the cook taps Remove. */
.kcard--cancelled { border: 2px solid var(--color-danger); }
.kcard__cancelled { margin: 0; padding: 10px 12px; border-radius: var(--radius); background: var(--color-danger); color: var(--color-on-dark); font-weight: 800; }
.kcard--cancelled .kcard__lines li { text-decoration: line-through; opacity: 0.6; }