/* Phase 82.7.6.38.5.2 · KDS classic visual pass
   Visual-only override on top of Phase 82.7.6.20. No API, status, served, print,
   realtime, pickup-number or order logic is changed. */

html.legacy-kds-view .workspace-content {
  padding:6px !important;
}

/* Old KDS density: readable, fixed-width-ish tickets across the whole screen. */
html.legacy-kds-view .ticket-grid.kitchen {
  align-items:start !important;
  gap:8px !important;
  grid-template-columns:repeat(auto-fill,minmax(214px,1fr)) !important;
}
html.legacy-kds-view .order-ticket {
  border:1px solid #dfe3e8 !important;
  border-radius:6px !important;
  background:#fff !important;
  box-shadow:0 1px 3px rgba(16,24,40,.08) !important;
}
/* Keep urgency visible without tinting the entire ticket pink/yellow. */
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:#ef8f7d !important; }
html.legacy-kds-view .order-ticket.warning .ticket-time,
html.legacy-kds-view .order-ticket.late .ticket-time { color:#b42318 !important; }

/* Compact toolbar, but large enough to operate on a kitchen monitor. */
html.legacy-kds-view .page-heading {
  min-height:34px !important;
  margin-bottom:5px !important;
  padding-bottom:5px !important;
}
html.legacy-kds-view .legacy-kds-back-runtime,
html.legacy-kds-view .kds-tool,
html.legacy-kds-view .live-indicator,
html.legacy-kds-view .filter-row button,
html.legacy-kds-view .kitchen-filter button {
  font-size:10px !important;
}
html.legacy-kds-view .kds-tool,
html.legacy-kds-view .filter-row button,
html.legacy-kds-view .kitchen-filter button {
  min-height:28px !important;
  padding:4px 8px !important;
}
html.legacy-kds-view .filter-row,
html.legacy-kds-view .kitchen-filter { gap:5px !important; margin-bottom:5px !important; }

/* Ticket head follows the proven old layout: red kitchen ticket on the left,
   large order number chip on the right, table/customer below. */
html.legacy-kds-view .order-ticket::before {
  font-size:10px !important;
  padding:7px 8px 0 !important;
}
html.legacy-kds-view .order-ticket > header {
  min-height:58px !important;
  padding:4px 8px 6px !important;
}
html.legacy-kds-view .order-ticket header p {
  right:8px !important;
  top:6px !important;
  max-width:136px !important;
  border-radius:5px !important;
  padding:6px 8px !important;
  font-size:11px !important;
  line-height:1.1 !important;
}
html.legacy-kds-view .order-ticket header h2 {
  max-width:120px !important;
  margin-top:7px !important;
  font-size:15px !important;
  line-height:1.15 !important;
}
html.legacy-kds-view .order-source {
  max-width:118px !important;
  margin-top:5px !important;
  font-size:8px !important;
}
html.legacy-kds-view .order-source::before {
  font-size:9px !important;
  margin-bottom:2px !important;
}
html.legacy-kds-view .ticket-time { max-width:86px !important; }
html.legacy-kds-view .ticket-time span {
  font-size:8px !important;
  font-weight:700 !important;
}

/* Service/source badge is the main visual separator, as in the old KDS. */
html.legacy-kds-view .ticket-status {
  min-height:34px !important;
  margin:0 8px 7px !important;
  padding:6px 8px !important;
  border-radius:7px !important;
}
html.legacy-kds-view .ticket-status::before {
  font-size:11px !important;
  letter-spacing:.01em !important;
}
html.legacy-kds-view .ticket-status::after {
  font-size:8px !important;
}

/* Dish list: stronger type hierarchy, category chips and red modifier blocks. */
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) !important;
  gap:5px !important;
  padding:7px 1px !important;
}
html.legacy-kds-view .order-ticket li[data-category-first="1"]::before {
  margin-bottom:3px !important;
  padding:4px 7px !important;
  font-size:8px !important;
}
html.legacy-kds-view .order-ticket li > strong {
  font-size:11px !important;
  line-height:1.25 !important;
}
html.legacy-kds-view .order-ticket li > span {
  font-size:11px !important;
  line-height:1.28 !important;
}
html.legacy-kds-view .order-ticket li small {
  margin-top:4px !important;
  font-size:8.5px !important;
  line-height:1.35 !important;
}
html.legacy-kds-view .order-ticket .ticket-modifiers {
  margin-top:5px !important;
  padding:5px 6px !important;
  border-left-width:3px !important;
  font-size:9px !important;
  line-height:1.35 !important;
}
html.legacy-kds-view .ticket-note {
  margin:0 8px 7px !important;
  padding:6px 7px !important;
  font-size:9px !important;
}

/* Keep self-built per-item served control, just make it match the old card scale. */
html.legacy-kds-view .legacy-item-served-button {
  min-width:27px !important;
  width:27px !important;
  height:27px !important;
  border-radius:5px !important;
  font-size:12px !important;
}
html.legacy-kds-view .legacy-served-by-runtime {
  font-size:8px !important;
}

/* Old bottom action strip: print / cancel / next step, always easy to hit. */
html.legacy-kds-view .order-ticket > footer {
  min-height:44px !important;
  padding:6px 8px !important;
}
html.legacy-kds-view .order-ticket > footer > div:last-child {
  gap:4px !important;
  grid-template-columns:38px auto minmax(0,1fr) !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;
}

@media (max-width:1200px) {
  html.legacy-kds-view .ticket-grid.kitchen {
    grid-template-columns:repeat(auto-fill,minmax(205px,1fr)) !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 header h2 { font-size:13px !important; }
  html.legacy-kds-view .order-ticket li > strong,
  html.legacy-kds-view .order-ticket li > span { font-size:10px !important; }
}