html.legacy-kds-view,
html.legacy-kds-view body { background:#fff !important; }
html.legacy-kds-view .admin-shell { display:block !important; min-height:100vh; }
html.legacy-kds-view .sidebar,
html.legacy-kds-view .topbar { display:none !important; }
html.legacy-kds-view .workspace-content { margin:0 !important; max-width:none !important; padding:5px !important; }

html.legacy-kds-view .page-heading { align-items:center; border-bottom:1px solid #eaecf0; margin:0 0 4px; min-height:30px; padding:1px 2px 4px; }
html.legacy-kds-view .page-heading > div:first-child { display:none !important; }
html.legacy-kds-view .page-heading .heading-actions { align-items:center; display:flex; gap:4px; justify-content:flex-end; width:100%; }
html.legacy-kds-view .legacy-kds-back-runtime { color:#667085; font-size:8px; font-weight:850; margin-right:auto; padding:4px 5px; text-decoration:none; white-space:nowrap; }
html.legacy-kds-view .kds-tool { background:#fff; border:1px solid #d9dde5; border-radius:4px; color:#475467; font-size:8px; min-height:24px; padding:3px 6px; }
html.legacy-kds-view .kds-tool.active { background:#ecfdf3; border-color:#abefc6; color:#067647; }
html.legacy-kds-view .live-indicator { font-size:8px; gap:4px; }
html.legacy-kds-view .live-indicator span { box-shadow:none; height:6px; width:6px; }
html.legacy-kds-view .kds-threshold-legend { display:none !important; }
html.legacy-kds-view .filter-row,
html.legacy-kds-view .kitchen-filter { display:flex; gap:3px; margin:0 0 4px; overflow-x:auto; padding:0; white-space:nowrap; }
html.legacy-kds-view .filter-row button,
html.legacy-kds-view .kitchen-filter button { background:#fff; border:1px solid #e1e5eb; border-radius:4px; color:#667085; font-size:8px; font-weight:800; min-height:24px; padding:3px 6px; }
html.legacy-kds-view .filter-row button.active,
html.legacy-kds-view .kitchen-filter button.active { background:#f2f4f7; border-color:#cbd0d8; color:#101828; }
html.legacy-kds-view .kitchen-filter i { height:6px; width:6px; }

html.legacy-kds-view .ticket-grid.kitchen { align-items:start; display:grid; gap:6px; grid-template-columns:repeat(auto-fill,minmax(205px,1fr)); }
html.legacy-kds-view .order-ticket { background:#fff; border:1px solid #e4e7ec; border-radius:5px; box-shadow:0 1px 3px rgba(16,24,40,.07); min-height:0; overflow:hidden; position:relative; }
html.legacy-kds-view .order-ticket.new,
html.legacy-kds-view .order-ticket.preparing,
html.legacy-kds-view .order-ticket.ready { border-top-color:#e4e7ec; border-top-width:1px; }
html.legacy-kds-view .order-ticket.warning { background:#fffcf0; border-color:#e5c454; }
html.legacy-kds-view .order-ticket.late { animation:none; background:#fff7f5; border-color:#f2a393; }
html.legacy-kds-view .order-ticket::before { color:#f04438; content:attr(data-ticket-label); display:block; font-size:9px; font-weight:950; line-height:1.1; padding:6px 7px 0; }

html.legacy-kds-view .order-ticket > header { align-items:flex-start; border:0; display:flex; gap:5px; justify-content:space-between; min-height:46px; padding:3px 7px 4px; }
html.legacy-kds-view .order-ticket > header > div:first-child { min-width:0; }
html.legacy-kds-view .order-ticket header p { background:#f2f4f7; position:absolute; right:7px; top:5px; border-radius:4px; color:#344054; display:inline-block; font-size:9px; font-weight:950; line-height:1.15; margin:0; max-width:118px; overflow:hidden; padding:5px 6px; text-overflow:ellipsis; white-space:nowrap; }
html.legacy-kds-view .order-ticket header p::before { content:attr(data-order-prefix); }
html.legacy-kds-view .order-ticket header h2 { color:#e31b13; font-family:inherit; font-size:12px; font-weight:950; line-height:1.15; margin:5px 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
html.legacy-kds-view .order-source { color:#667085; display:block; font-size:7px; font-weight:700; margin-top:4px; max-width:86px; overflow:hidden; text-overflow:ellipsis; text-transform:none; white-space:nowrap; }
html.legacy-kds-view .order-source::before { color:#344054; content:attr(data-count-label); display:block; font-size:8px; font-weight:750; margin-bottom:2px; }
html.legacy-kds-view .ticket-time { flex:0 0 auto; max-width:82px; text-align:right; }
html.legacy-kds-view .ticket-time span { color:#667085; font-size:7px; line-height:1.15; white-space:normal; }
html.legacy-kds-view .ticket-time strong { display:none !important; }

html.legacy-kds-view .ticket-status { align-items:center; border-radius:5px; display:grid; gap:4px; grid-template-columns:1fr auto; margin:0 7px 6px; min-height:28px; padding:5px 7px; text-align:center; text-transform:none; }
html.legacy-kds-view .ticket-status > * { display:none !important; }
html.legacy-kds-view .ticket-status::before { content:'◷  ' attr(data-service-label); font-size:9px; font-weight:950; }
html.legacy-kds-view .ticket-status::after { content:attr(data-age-label); font-size:7px; font-weight:800; opacity:.72; }
html.legacy-kds-view .legacy-type-dine .ticket-status { background:#fee4e2; color:#b42318; }
html.legacy-kds-view .legacy-type-pickup .ticket-status { background:#dcfae6; color:#067647; }
html.legacy-kds-view .legacy-type-delivery .ticket-status { background:#ffead5; color:#b54708; }
html.legacy-kds-view .legacy-type-wolt .ticket-status { background:#dbeeff; color:#1849a9; }
html.legacy-kds-view .legacy-type-wolt header h2 { color:#d92d20; }

html.legacy-kds-view .order-ticket > ul { list-style:none; margin:0; padding:0 7px 5px; }
html.legacy-kds-view .order-ticket li { align-items:start; border:0; border-top:1px solid #f0f1f3; display:grid; gap:4px; grid-template-columns:24px minmax(0,1fr); line-height:1.25; padding:6px 1px; }
html.legacy-kds-view .order-ticket li:first-child { border-top:0; }
html.legacy-kds-view .order-ticket li[data-category-first="1"]::before { border-radius:3px; content:attr(data-category-label); display:inline-block; font-size:7px; font-weight:850; grid-column:1/-1; justify-self:start; line-height:1; margin:0 0 2px; padding:4px 6px; }
html.legacy-kds-view .order-ticket li.legacy-category-soup[data-category-first="1"]::before { background:#e8f2ff; color:#175cd3; }
html.legacy-kds-view .order-ticket li.legacy-category-starter[data-category-first="1"]::before { background:#f0eaff; color:#6941c6; }
html.legacy-kds-view .order-ticket li.legacy-category-main[data-category-first="1"]::before { background:#fee4e2; color:#b42318; }
html.legacy-kds-view .order-ticket li.legacy-category-starch[data-category-first="1"]::before { background:#fef0c7; color:#93370d; }
html.legacy-kds-view .order-ticket li.legacy-category-drink[data-category-first="1"]::before { background:#eef4ff; color:#3538cd; }
html.legacy-kds-view .order-ticket li.legacy-category-salad[data-category-first="1"]::before { background:#dcfae6; color:#067647; }
html.legacy-kds-view .order-ticket li.legacy-category-other[data-category-first="1"]::before { background:#f2f4f7; color:#475467; }
html.legacy-kds-view .order-ticket li > strong { color:#101828; font-size:9px; font-weight:950; }
html.legacy-kds-view .order-ticket li > span { color:#101828; font-size:9px; font-weight:850; min-width:0; }
html.legacy-kds-view .order-ticket li > em { display:none; }
html.legacy-kds-view .order-ticket li small { color:#475467; font-size:7px; font-weight:650; line-height:1.3; margin-top:3px; }
html.legacy-kds-view .order-ticket .ticket-modifiers { background:#fee4e2; border-left:3px solid #f04438; border-radius:2px; color:#7a271a !important; display:block; font-size:7px; font-weight:750; line-height:1.3; margin:4px 0 0; padding:4px 5px; white-space:normal; }
html.legacy-kds-view .legacy-location-small { display:none !important; }
html.legacy-kds-view .order-ticket li.new-kot-item { background:#fff7ed; border-left:3px solid #f79009; margin:0; padding-left:4px; padding-right:1px; }
html.legacy-kds-view .added-kot-label { font-size:7px !important; margin-left:4px; }
html.legacy-kds-view .ticket-note { background:#fffaeb; border-left:3px solid #fdb022; color:#7a2e0e; font-size:8px; line-height:1.35; margin:0 7px 6px; padding:5px 6px; }

html.legacy-kds-view .order-ticket > footer { align-items:center; border-top:1px solid #eaecf0; display:flex; justify-content:flex-end; margin-top:0; min-height:39px; padding:5px 7px; }
html.legacy-kds-view .order-ticket > footer > div:first-child { display:none !important; }
html.legacy-kds-view .order-ticket > footer > div:last-child { display:grid; gap:3px; grid-template-columns:34px auto minmax(0,1fr); width:100%; }
html.legacy-kds-view .order-ticket > footer button { border-radius:4px; font-size:8px; font-weight:850; line-height:1.1; margin:0; min-height:27px; padding:4px 5px; white-space:nowrap; }
html.legacy-kds-view .order-ticket > footer .legacy-print-button { background:#fff; border:1px solid #f97066; color:#d92d20; font-size:0; }
html.legacy-kds-view .order-ticket > footer .legacy-print-button::after { content:'⎙'; font-size:14px; }
html.legacy-kds-view .order-ticket > footer .legacy-cancel-button { background:#fff; border:1px solid #fda29b; color:#b42318; font-size:0; }
html.legacy-kds-view .order-ticket > footer .legacy-cancel-button::after { content:attr(data-legacy-label); font-size:8px; }
html.legacy-kds-view .order-ticket > footer .legacy-next-button { background:#fff4ed; border:1px solid #ff9c66; color:#c4320a; font-size:0; }
html.legacy-kds-view .order-ticket > footer .legacy-next-button::after { content:attr(data-legacy-label); font-size:8px; }
html.legacy-kds-view .order-ticket.preparing > footer .legacy-next-button { background:#fffaeb; border-color:#fec84b; color:#93370d; }
html.legacy-kds-view .order-ticket.ready > footer .legacy-next-button { background:#ecfdf3; border-color:#6ce9a6; color:#067647; }

html.legacy-kds-view .loading-panel,
html.legacy-kds-view .empty-state { min-height:180px; }
html.legacy-kds-view:fullscreen .workspace-content { padding:4px !important; }

@media (max-width:700px) {
    html.legacy-kds-view .workspace-content { padding:4px !important; }
    html.legacy-kds-view .legacy-kds-back-runtime,
    html.legacy-kds-view .live-indicator { display:none !important; }
    html.legacy-kds-view .ticket-grid.kitchen { gap:5px; grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:420px) {
    html.legacy-kds-view .ticket-grid.kitchen { grid-template-columns:1fr; }
}


/* Phase 82.7.6.20 · dish-level served marker */
html.legacy-kds-view .order-ticket li { grid-template-columns:24px minmax(0,1fr) 28px; }
html.legacy-kds-view .order-ticket li.legacy-item-served { background:#f6fef9; }
html.legacy-kds-view .order-ticket li.legacy-item-served > span { color:#667085; }
html.legacy-kds-view .legacy-item-served-button { align-self:start; background:#f6fef9; border:1px solid #6ce9a6; border-radius:4px; color:#067647; cursor:pointer; font-size:10px; font-weight:950; height:24px; min-width:26px; padding:0 5px; }
html.legacy-kds-view .legacy-item-served-button.served { background:#12b76a; border-color:#12b76a; color:#fff; }
html.legacy-kds-view .legacy-item-served-button:disabled { cursor:wait; opacity:.55; }
html.legacy-kds-view .legacy-served-by-runtime { color:#067647 !important; display:block; font-size:7px !important; font-weight:850 !important; margin-top:3px; }