/* Quiet work areas carry status; tickets and their controls stay consistent. */
.kitchen-screen .kitchen-column {
  --kitchen-stage-text:var(--color-warning);
  --kitchen-stage-surface:var(--color-warning-subtle);
  --kitchen-stage-border:var(--color-warning-border);
  padding:var(--space-3);
  border-radius:var(--radius-lg);
  background:color-mix(in srgb,var(--kitchen-stage-surface) 45%,var(--color-surface) 55%);
}
.kitchen-screen .kitchen-column.is-preparing {
  --kitchen-stage-text:var(--color-info);
  --kitchen-stage-surface:var(--color-info-subtle);
  --kitchen-stage-border:var(--color-info-border);
}
.kitchen-screen .kitchen-column.is-ready {
  --kitchen-stage-text:var(--color-success);
  --kitchen-stage-surface:var(--color-success-subtle);
  --kitchen-stage-border:var(--color-success-border);
}
.kitchen-screen .kitchen-column .kitchen-column-head {
  min-height:44px;
  padding:0 var(--space-1) var(--space-2);
  border:0;
  border-bottom:1px solid var(--kitchen-stage-border);
  border-radius:0;
  background:transparent;
  color:var(--kitchen-stage-text);
}
.kitchen-screen .kitchen-column .kitchen-column-head h2 {
  font-size:var(--text-lg);
  font-weight:var(--weight-medium);
  color:var(--color-text);
}
.kitchen-screen .kitchen-column .kitchen-column-head > strong {
  min-width:28px;
  height:28px;
  background:transparent;
  color:var(--kitchen-stage-text);
  border:0;
  font-size:var(--text-lg);
  font-weight:var(--weight-medium);
  font-variant-numeric:tabular-nums;
}
.kitchen-screen .kitchen-column .kitchen-ticket-list {
  margin:0;
  padding:var(--space-3) 0 var(--space-1);
  gap:var(--space-3);
}
.kitchen-screen .kitchen-column .kitchen-ticket {
  background:var(--color-surface);
}
.kitchen-screen .kitchen-column .kitchen-ticket.is-priority {
  box-shadow:none;
}
.kitchen-screen .kitchen-column .kitchen-ticket-title strong {
  font-weight:var(--weight-medium);
}
.kitchen-screen .kitchen-column .kitchen-ticket-action:not(:disabled) {
  background:var(--color-surface);
  border-color:var(--color-border-control);
  color:var(--color-primary);
  font-weight:var(--weight-medium);
}
.kitchen-screen .kitchen-column .kitchen-ticket-action:hover:not(:disabled) {
  background:var(--color-primary-subtle);
  border-color:var(--color-primary);
}
.kitchen-screen .kitchen-column .kitchen-ticket-action:active:not(:disabled) {
  background:var(--color-primary-subtle-hover);
}
.kitchen-screen .kitchen-column .kitchen-ticket-action:disabled {
  background:var(--color-surface-subtle);
  border-color:var(--color-divider);
  color:var(--color-text-disabled);
  opacity:1;
}
.kitchen-screen .kitchen-column.is-ready .kitchen-ticket-action:not(:disabled) {
  background:var(--color-primary);
  border-color:var(--color-primary);
  color:var(--color-on-primary);
}
.kitchen-screen .kitchen-column.is-ready .kitchen-ticket-action:hover:not(:disabled) {
  background:var(--color-primary-hover);
  border-color:var(--color-primary-hover);
}
.kitchen-screen .kitchen-column.is-ready .kitchen-ticket-action:active:not(:disabled) {
  background:var(--color-primary-active);
  border-color:var(--color-primary-active);
}
.kitchen-screen .kitchen-column .kitchen-ticket:has(.kitchen-elapsed.is-delayed) {
  border-color:var(--color-warning-border);
}
.kitchen-screen .kitchen-column .kitchen-ticket:has(.kitchen-elapsed.is-critical) {
  border-color:var(--color-danger-border);
}
/* A compact board scrolls as a page; its sticky headings need an opaque surface. */
.pos-shell.is-compact .kitchen-screen .kitchen-column .kitchen-column-head {
  background:color-mix(in srgb,var(--kitchen-stage-surface) 45%,var(--color-surface) 55%);
}
