/* Phase 82.7.6.38.5.2.1 · KDS classic v2 visual pass
   Stronger, visibly closer to the user's old KDS. CSS only: realtime/status/served/print/pickup/KOT logic untouched. */
html.legacy-kds-view .workspace-content { padding:4px !important; }
html.legacy-kds-view .ticket-grid.kitchen {
  display:grid !important;
  grid-template-columns:repeat(auto-fill,minmax(228px,228px)) !important;
  justify-content:start !important;
  align-items:start !important;
  gap:8px !important;
}
html.legacy-kds-view .order-ticket {
  width:228px !important;
  min-width:228px !important;
  max-width:228px !important;
  border:1px solid #d7dce3 !important;
  border-radius:6px !important;
  background:#fff !important;
  box-shadow:0 1px 3px rgba(16,24,40,.08) !important;
}
html.legacy-kds-view .order-ticket.warning,
html.legacy-kds-view .order-ticket.late { background:#fff !important; }
html.legacy-kds-view .order-ticket.warning { border-color:#e6bd45 !important; }
html.legacy-kds-view .order-ticket.late { border-color:#f28b76 !important; }

html.legacy-kds-view .order-ticket::before {
  padding:7px 8px 1px !important;
  color:#ef2b23 !important;
  font-size:11px !important;
  font-weight:950 !important;
}
html.legacy-kds-view .order-ticket > header {
  min-height:62px !important;
  padding:3px 8px 6px !important;
}
html.legacy-kds-view .order-ticket header p {
  top:6px !important;
  right:7px !important;
  max-width:142px !important;
  padding:6px 8px !important;
  border-radius:5px !important;
  background:#f2f4f7 !important;
  color:#202936 !important;
  font-size:12px !important;
  font-weight:950 !important;
}
html.legacy-kds-view .order-ticket header h2 {
  max-width:118px !important;
  margin-top:7px !important;
  color:#e31b13 !important;
  font-size:17px !important;
  line-height:1.05 !important;
  font-weight:950 !important;
}
html.legacy-kds-view .order-source {
  max-width:120px !important;
  margin-top:5px !important;
  font-size:9px !important;
  line-height:1.15 !important;
}
html.legacy-kds-view .order-source::before { font-size:10px !important; }
html.legacy-kds-view .ticket-time span { font-size:8.5px !important; }

html.legacy-kds-view .ticket-status {
  min-height:36px !important;
  margin:0 8px 7px !important;
  padding:7px 8px !important;
  border-radius:7px !important;
}
html.legacy-kds-view .ticket-status::before { font-size:11px !important; }
html.legacy-kds-view .ticket-status::after { font-size:8px !important; }
html.legacy-kds-view .legacy-type-dine .ticket-status { background:#fee4e2 !important; color:#b42318 !important; }
html.legacy-kds-view .legacy-type-pickup .ticket-status { background:#dcfae6 !important; color:#067647 !important; }
html.legacy-kds-view .legacy-type-delivery .ticket-status { background:#ffead5 !important; color:#b54708 !important; }
html.legacy-kds-view .legacy-type-wolt .ticket-status { background:#dbeeff !important; color:#1849a9 !important; }

html.legacy-kds-view .order-ticket > ul { padding:0 8px 6px !important; }
html.legacy-kds-view .order-ticket li {
  grid-template-columns:28px minmax(0,1fr) 30px !important;
  gap:5px !important;
  padding:7px 1px !important;
  border-top:1px solid #edf0f3 !important;
}
html.legacy-kds-view .order-ticket li[data-category-first="1"]::before {
  margin:0 0 4px !important;
  padding:4px 7px !important;
  border-radius:4px !important;
  font-size:8.5px !important;
}
html.legacy-kds-view .order-ticket li > strong {
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:950 !important;
}
html.legacy-kds-view .order-ticket li > span {
  font-size:12px !important;
  line-height:1.28 !important;
  font-weight:850 !important;
}
html.legacy-kds-view .order-ticket li small {
  margin-top:4px !important;
  font-size:9px !important;
  line-height:1.3 !important;
}
html.legacy-kds-view .order-ticket .ticket-modifiers {
  margin-top:5px !important;
  padding:5px 6px !important;
  border-left:3px solid #f04438 !important;
  border-radius:2px !important;
  background:#fee4e2 !important;
  color:#7a271a !important;
  font-size:9.5px !important;
  line-height:1.32 !important;
}
html.legacy-kds-view .ticket-note {
  margin:0 8px 7px !important;
  padding:6px 7px !important;
  border-left:3px solid #fdb022 !important;
  background:#fffaeb !important;
  font-size:9.5px !important;
}
html.legacy-kds-view .legacy-item-served-button {
  width:28px !important;
  min-width:28px !important;
  height:28px !important;
  border-radius:5px !important;
  font-size:12px !important;
}

html.legacy-kds-view .order-ticket > footer {
  min-height:44px !important;
  padding:6px 8px !important;
  border-top:1px solid #e7eaee !important;
}
html.legacy-kds-view .order-ticket > footer > div:last-child {
  grid-template-columns:38px auto minmax(0,1fr) !important;
  gap:4px !important;
}
html.legacy-kds-view .order-ticket > footer button {
  min-height:31px !important;
  padding:5px 7px !important;
  border-radius:5px !important;
  font-size:9px !important;
}
html.legacy-kds-view .order-ticket > footer .legacy-print-button::after { font-size:16px !important; }
html.legacy-kds-view .order-ticket > footer .legacy-cancel-button::after,
html.legacy-kds-view .order-ticket > footer .legacy-next-button::after { font-size:9px !important; }

/* Preserve pickup number and all runtime badges; make any pickup-number marker easier to notice. */
html.legacy-kds-view [class*="pickup" i][class*="number" i],
html.legacy-kds-view [data-pickup-number] {
  font-weight:950 !important;
}

@media (max-width:1200px) {
  html.legacy-kds-view .ticket-grid.kitchen { grid-template-columns:repeat(auto-fill,minmax(218px,218px)) !important; }
  html.legacy-kds-view .order-ticket { width:218px !important; min-width:218px !important; max-width:218px !important; }
}
@media (max-width:700px) {
  html.legacy-kds-view .ticket-grid.kitchen { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:6px !important; }
  html.legacy-kds-view .order-ticket { width:auto !important; min-width:0 !important; max-width:none !important; }
}
