/* ─── VIEW 4: KDS ─── */
.kds-view { display: flex; flex: 1; gap: 2px; background: #050608; overflow: hidden; }
.kds-col  { flex: 1; display: flex; flex-direction: column; background: #0d0f12; overflow: hidden; min-width: 0; }

/* ── Column headers ── */
.kds-col-head {
  padding: 14px 16px; flex-shrink: 0;
  display: flex; align-items: center; gap: 10px;
  font-size: 11px; font-weight: 800; font-family: var(--mono);
  letter-spacing: 0.14em; text-transform: uppercase;
  border-bottom: 2px solid;
}
.kds-col-head.new  { color: #FCD34D; background: rgba(252,211,77,0.05);  border-bottom-color: rgba(252,211,77,0.25); }
.kds-col-head.prep { color: #FB923C; background: rgba(251,146,60,0.07);  border-bottom-color: rgba(251,146,60,0.28); }
.kds-col-head.ready{ color: #34D399; background: rgba(52,211,153,0.05);  border-bottom-color: rgba(52,211,153,0.22); }

/* ── Count badge ── */
.kds-count {
  min-width: 24px; height: 24px; border-radius: 4px; padding: 0 4px;
  display: flex; align-items: center; justify-content: center;
  font-size: 12px; font-weight: 800;
}
.kds-col-head.new   .kds-count { background: rgba(252,211,77,0.18);  color: #FCD34D; }
.kds-col-head.prep  .kds-count { background: rgba(251,146,60,0.18);  color: #FB923C; }
.kds-col-head.ready .kds-count { background: rgba(52,211,153,0.16);  color: #34D399; }

/* ── Ticket scroll area ── */
.kds-tickets { flex: 1; overflow-y: auto; padding: 10px; display: flex; flex-direction: column; gap: 8px; }

/* ── Order card base ── */
.kds-ticket {
  background: #141820; border: 1px solid rgba(255,255,255,0.06);
  border-left-width: 4px;
  padding: 14px 15px; border-radius: 5px;
  animation: kdsIn 0.28s ease both;
}
@keyframes kdsIn { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: translateY(0); } }
.kds-ticket.new   { border-left-color: #FCD34D; background: #161510; }
.kds-ticket.prep  { border-left-color: #FB923C; background: #17140f; }
.kds-ticket.ready { border-left-color: #34D399; background: #101714; opacity: 0.72; }

/* ── Card header: order number + time ── */
.kds-ticket-head {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 11px; padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,0.06);
}
.kds-ticket-num  { font-size: 16px; font-weight: 800; color: #fff; font-family: var(--mono); letter-spacing: -0.2px; }
.kds-ticket-time {
  font-size: 10px; color: rgba(255,255,255,0.3); font-family: var(--mono);
  background: rgba(255,255,255,0.05); padding: 3px 7px; border-radius: 3px;
}

/* ── Item rows ── */
.kds-ticket-item {
  display: flex; align-items: baseline; gap: 8px;
  font-size: 13px; color: rgba(255,255,255,0.78);
  padding: 5px 0; border-bottom: 1px solid rgba(255,255,255,0.04);
}
.kds-ticket-item:last-child { border-bottom: none; margin-bottom: 0; }
.kds-item-qty { font-family: var(--mono); font-size: 12px; font-weight: 700; color: rgba(255,255,255,0.32); min-width: 26px; }

/* ── Advance button ── */
.kds-advance-btn {
  width: 100%; margin-top: 12px; padding: 9px;
  font-size: 11px; font-weight: 700; font-family: 'Inter', sans-serif;
  letter-spacing: 0.05em; text-transform: uppercase;
  border: 1px solid; cursor: pointer; border-radius: 4px; transition: all 0.15s;
}
.kds-ticket.new  .kds-advance-btn { background: rgba(252,211,77,0.08); color: #FCD34D; border-color: rgba(252,211,77,0.22); }
.kds-ticket.new  .kds-advance-btn:hover { background: #FCD34D; color: #111; border-color: #FCD34D; }
.kds-ticket.prep .kds-advance-btn { background: rgba(52,211,153,0.08); color: #34D399; border-color: rgba(52,211,153,0.22); }
.kds-ticket.prep .kds-advance-btn:hover { background: #34D399; color: #111; border-color: #34D399; }

/* ── Empty state ── */
.kds-empty { text-align: center; padding: 44px 16px; font-size: 11px; color: rgba(255,255,255,0.08); font-family: var(--mono); letter-spacing: 0.1em; text-transform: uppercase; }