:root { color-scheme: light; --ink:#2d2030; --muted:#776d75; --subtle:#a69ba3; --line:#ede6e5; --paper:#fff; --canvas:#faf8f6; --cream:#fff3ea; --orange:#f36b3f; --deep-orange:#b83e1f; --green:#207653; --shadow:0 14px 45px rgba(45,32,48,.035); font-family:Inter,"Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
html { min-width:320px; }
body { margin:0; color:var(--ink); background:var(--canvas); }
button, input { font:inherit; }
button { cursor:pointer; }
button:disabled { cursor:not-allowed; opacity:.48; }
a { color:inherit; text-decoration:none; }
[hidden] { display:none !important; }
:focus-visible { outline:3px solid rgba(243,107,63,.55); outline-offset:3px; }
.app-shell { display:grid; grid-template-columns:260px minmax(0,1fr); min-height:100vh; }
.sidebar { position:sticky; top:0; height:100vh; display:flex; flex-direction:column; background:#fff; border-right:1px solid var(--line); z-index:20; }
.brand-row { display:flex; align-items:center; justify-content:space-between; padding:28px 26px 22px; }
.brand { width:114px; height:auto; display:block; }
.icon-button { display:grid; place-items:center; width:36px; height:36px; border:0; background:transparent; color:var(--ink); font-size:22px; border-radius:10px; }
.icon-button:hover { background:#f7f2ef; }
.sidebar-close,.menu-open { display:none; }
.workspace-block { margin:0 15px 18px; padding:16px 12px 12px; border:1px solid var(--line); border-radius:14px; background:#fcfaf9; }
.eyebrow { display:block; color:#9b858d; font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.workspace-switch { display:grid; grid-template-columns:1fr 1fr; gap:3px; margin-top:11px; padding:3px; background:#f1eeed; border-radius:10px; }
.workspace-switch button { min-height:34px; padding:5px 3px; border:0; border-radius:8px; background:transparent; color:var(--muted); font-size:11px; font-weight:700; white-space:nowrap; }
.workspace-switch button.active { background:white; color:var(--ink); box-shadow:0 2px 7px rgba(45,32,48,.08); }
#navigation { overflow:auto; padding:0 14px 15px; scrollbar-width:thin; }
.nav-section + .nav-section { margin-top:18px; }
.nav-heading { margin:0 11px 8px; color:#a99ca5; font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.nav-item { display:flex; align-items:center; gap:12px; min-height:37px; margin:2px 0; padding:7px 12px; border-radius:9px; color:#665b64; font-size:12.5px; font-weight:600; line-height:1.2; }
.nav-item:hover { background:#faf6f4; color:var(--ink); }
.nav-item.selected { background:#fff0e9; color:#a33f26; font-weight:800; }
.nav-icon { display:grid; place-items:center; flex:none; width:18px; height:18px; color:#9b8e97; font-size:18px; font-weight:500; line-height:1; }
.nav-item.selected .nav-icon { color:var(--orange); }
.sidebar-footer { margin-top:auto; padding:18px 25px 21px; border-top:1px solid var(--line); }
.preview-mark { display:flex; align-items:center; gap:8px; font-size:11px; font-weight:800; }
.preview-dot,.date-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--orange); }
.sidebar-footer p { margin:6px 0 0; color:#9c9299; font-size:10.5px; line-height:1.5; }
.main-column { min-width:0; }
.topbar { height:68px; padding:0 36px; display:flex; align-items:center; justify-content:space-between; background:#fff; border-bottom:1px solid var(--line); }
.topbar-start,.topbar-end,.breadcrumb { display:flex; align-items:center; }
.topbar-end { gap:18px; }
.breadcrumb { gap:11px; color:#ada1a9; font-size:12px; }
.breadcrumb strong { color:var(--ink); font-weight:750; }
.local-pill { padding:7px 10px; border:1px solid #f3ded2; border-radius:7px; color:#ad5a36; background:#fff7f0; font-size:10px; font-weight:800; }
.avatar { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#3c2a3f; color:#fff; font-size:12px; font-weight:800; }
.logout-form { margin:0; }
.logout-form button { border:0; background:transparent; color:#7d707a; font-size:11px; font-weight:800; }
.logout-form button:hover { color:var(--deep-orange); }
.page-wrap { width:min(100%,1420px); margin:0 auto; padding:35px 38px 60px; }
.page-header { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:26px; }
.page-kicker { color:#a3726a; font-size:11px; font-weight:800; }
.page-kicker span { padding:0 5px; color:#cbbdbd; }
h1,h2,p { margin-top:0; }
h1 { margin:9px 0 8px; font-size:clamp(26px,2.5vw,34px); letter-spacing:-.045em; line-height:1.1; }
.page-header p { margin:0; color:var(--muted); font-size:13px; }
.date-pill { display:flex; align-items:center; gap:9px; flex:none; padding:10px 13px; border:1px solid var(--line); border-radius:8px; background:#fff; color:#766e72; font-size:11px; font-weight:700; }
.preview-banner { display:flex; align-items:flex-start; gap:11px; padding:13px 15px; margin-bottom:20px; border:1px solid #f1ddd0; border-radius:10px; background:#fff8f3; }
.banner-icon { display:grid; place-items:center; flex:none; width:18px; height:18px; border-radius:50%; background:#f7dfd0; color:#9f552f; font-size:11px; font-weight:900; }
.preview-banner div { display:flex; flex-wrap:wrap; gap:2px 7px; color:#875c50; font-size:11.5px; line-height:1.5; }
.preview-banner strong { color:#704536; }
.stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:18px; }
.stat-card { display:flex; flex-direction:column; min-height:125px; padding:18px 20px; border:1px solid var(--line); border-radius:11px; background:white; box-shadow:var(--shadow); }
.stat-card span { color:#777078; font-size:11px; font-weight:700; }
.stat-card strong { margin:12px 0 3px; font-size:27px; line-height:1; }
.stat-card small { color:#aca1a8; font-size:10px; }
.content-grid { display:grid; grid-template-columns:minmax(0,1fr) 285px; gap:18px; align-items:start; }
.primary-panel,.context-panel { min-width:0; border:1px solid var(--line); border-radius:12px; background:white; box-shadow:var(--shadow); }
.primary-panel { min-height:355px; }
.panel-head { display:flex; justify-content:space-between; align-items:center; padding:21px 22px 17px; border-bottom:1px solid #f0ebea; }
.panel-head h2,.context-panel h2 { margin:5px 0 0; font-size:16px; letter-spacing:-.025em; }
.panel-count { color:#a99ea5; font-size:10px; font-weight:750; }
.empty-state { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:280px; padding:30px; text-align:center; }
.empty-symbol { display:grid; place-items:center; width:48px; height:48px; margin-bottom:15px; border:1px solid #f6e6de; border-radius:13px; background:#fff7f2; color:var(--orange); font-size:24px; }
.empty-state strong { font-size:13px; }
.empty-state p { max-width:270px; margin:7px 0 0; color:#a0959d; font-size:11px; line-height:1.55; }
.context-panel { padding:22px; }
.context-panel p { margin:11px 0 21px; color:#968b93; font-size:11px; line-height:1.55; }
.context-list { border-top:1px solid #f0ebea; }
.context-row { display:flex; align-items:center; gap:10px; min-height:48px; border-bottom:1px solid #f0ebea; }
.context-number { color:#c8babf; font-size:10px; font-weight:800; }
.context-row strong { flex:1; font-size:11px; font-weight:700; }
.context-row > span:last-child { color:#b3a9ae; font-size:14px; }
.table-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:22px; }
.table-tile { display:flex; flex-direction:column; min-height:90px; padding:15px; border:1px solid #e5eee9; border-radius:9px; background:#f8fcf9; }
.table-tile strong { margin-top:8px; font-size:12px; }
.table-tile small { margin-top:2px; color:#7e9688; font-size:10px; }
.table-dot { width:7px; height:7px; border-radius:50%; background:#48a170; }
.kanban { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:18px; }
.kanban-column { min-height:240px; padding:12px; border:1px solid #f0ebea; border-radius:9px; background:#faf9f8; }
.kanban-heading { display:flex; justify-content:space-between; font-size:11px; }
.kanban-heading span { color:#a59aa1; }
.kanban-empty { display:grid; place-items:center; min-height:170px; padding:12px; color:#a49aa0; font-size:10px; text-align:center; }
.pos-layout { display:grid; grid-template-columns:minmax(0,1fr) 235px; gap:17px; padding:19px; }
.block-heading { display:flex; align-items:center; justify-content:space-between; margin-bottom:13px; font-size:11px; }
.block-heading span { color:#aaa0a5; font-size:10px; }
.product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.product-tile { display:flex; flex-direction:column; min-height:120px; padding:12px; border:1px solid var(--line); border-radius:9px; }
.product-art { display:grid; place-items:center; width:32px; height:32px; margin-bottom:10px; border-radius:7px; background:#fff1e9; color:#b65a38; font-size:14px; font-weight:800; }
.product-tile small { color:#a5969c; font-size:9px; }
.product-tile strong { margin-top:3px; font-size:11px; }
.pos-cart { padding:14px; border:1px solid var(--line); border-radius:9px; }
.empty-cart { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:190px; text-align:center; }
.empty-cart > span { color:#d4c3c7; font-size:34px; }
.empty-cart strong { font-size:11px; }
.empty-cart p { max-width:165px; margin:6px 0 0; color:#a99da4; font-size:10px; line-height:1.45; }
.cart-total { display:flex; justify-content:space-between; padding:14px 0; border-top:1px solid var(--line); font-size:11px; }
.primary-button { width:100%; min-height:38px; border:0; border-radius:7px; background:var(--ink); color:#fff; font-size:11px; font-weight:800; }
.access-notice { min-height:100vh; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:24px; padding:30px; }
.access-notice img { width:130px; }
.access-card { width:min(100%,410px); padding:30px; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:var(--shadow); }
.access-card h1 { font-size:25px; }
.access-card p { color:var(--muted); font-size:13px; line-height:1.6; }
.login-layout { min-height:100vh; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:28px; padding:30px 16px; background:radial-gradient(circle at 15% 0%,#fff0e5,transparent 35%),var(--canvas); }
.login-brand { display:flex; flex-direction:column; align-items:center; gap:10px; color:#9a8b94; font-size:11px; }
.login-brand img { width:132px; }
.login-card { width:min(100%,410px); padding:34px; border:1px solid var(--line); border-radius:16px; background:#fff; box-shadow:0 22px 70px rgba(45,32,48,.06); }
.login-card h1 { margin:10px 0 6px; font-size:26px; }
.login-card > p { margin:0 0 25px; color:var(--muted); font-size:12px; }
.login-card form { display:flex; flex-direction:column; }
.login-card label { margin-bottom:7px; font-size:11px; font-weight:800; }
.login-card input { height:44px; padding:0 12px; margin-bottom:18px; border:1px solid #ded7dc; border-radius:8px; background:#fff; color:var(--ink); font-size:13px; }
.login-card input:focus { border-color:var(--orange); outline:3px solid #fce6dc; }
.login-card .primary-button { height:44px; margin-top:7px; }
.login-error { margin:0 0 17px; padding:11px 12px; border:1px solid #f2ccd0; border-radius:7px; background:#fff5f5; color:#a83240; font-size:11px; }
.login-layout > small { color:#b4a8ae; font-size:10px; }
@media (max-width:1080px) { .content-grid { grid-template-columns:minmax(0,1fr); } .context-panel { order:2; } .stat-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:760px) { .app-shell { display:block; } .sidebar { position:fixed; left:0; top:0; width:min(82vw,300px); transform:translateX(-100%); transition:transform .2s ease; box-shadow:0 20px 60px rgba(30,20,30,.12); } .sidebar.open { transform:translateX(0); } .sidebar-close,.menu-open { display:grid; } .sidebar-scrim:not([hidden]) { position:fixed; inset:0; display:block; z-index:15; background:rgba(33,26,34,.33); } .topbar { height:60px; padding:0 18px; } .topbar-start { gap:8px; } .page-wrap { padding:25px 17px 45px; } .page-header { align-items:flex-start; flex-direction:column; } .date-pill { display:none; } .local-pill { display:none; } .table-grid { grid-template-columns:repeat(3,1fr); } }
@media (max-width:520px) { .stat-grid { gap:9px; } .stat-card { min-height:108px; padding:14px; } .stat-card strong { font-size:23px; } .preview-banner div { display:block; } .preview-banner span:last-child { display:block; } .pos-layout { grid-template-columns:1fr; } .table-grid { grid-template-columns:repeat(2,1fr); } .kanban { grid-template-columns:1fr; } .kanban-column { min-height:120px; } .kanban-empty { min-height:70px; } }

/* Dashboard and kitchen operations */
.operational-page { max-width:1600px; }
.op-header-actions { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.live-indicator,.kitchen-live { display:inline-flex; align-items:center; gap:8px; color:#5d786b; font-size:11px; font-weight:800; white-space:nowrap; }
.live-indicator i,.kitchen-live i { width:7px; height:7px; border-radius:50%; background:#39a16c; box-shadow:0 0 0 4px #e6f4eb; }
.op-primary { display:inline-flex; align-items:center; justify-content:center; min-height:38px; padding:0 15px; border:0; border-radius:8px; background:var(--ink); color:white; font-size:11px; font-weight:800; white-space:nowrap; }
.op-primary:hover { background:#473248; }
.test-notice { display:flex; align-items:center; gap:11px; margin:0 0 19px; padding:11px 14px; border:1px solid #f0dfd2; border-radius:9px; background:#fff8f2; }
.test-notice > span { padding:4px 6px; border-radius:4px; background:#f7e2d2; color:#a65332; font-size:9px; font-weight:900; letter-spacing:.08em; }
.test-notice p { margin:0; color:#886960; font-size:11px; line-height:1.5; }
#op-feedback:not(:empty),.kitchen-feedback:not(:empty) { margin:0 0 16px; padding:10px 12px; border:1px solid #e0d4dc; border-radius:8px; background:#fff; color:#6d3d60; font-size:11px; font-weight:700; }
.op-loading { display:grid; place-items:center; min-height:220px; border:1px dashed #ddd4db; border-radius:12px; color:#91858e; background:#fff; font-size:13px; }
.dashboard-metrics { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; margin-bottom:17px; }
.live-metric { position:relative; display:flex; flex-direction:column; min-height:133px; padding:17px; border:1px solid var(--line); border-radius:11px; background:white; box-shadow:var(--shadow); overflow:hidden; }
.live-metric:before { content:""; position:absolute; left:0; top:0; right:0; height:3px; background:var(--ink); }
.live-metric.metric-orange:before { background:#f36b3f; }
.live-metric.metric-purple:before { background:#906da0; }
.live-metric.metric-green:before { background:#42a875; }
.live-metric.metric-slate:before { background:#778895; }
.live-metric.metric-cream:before { background:#d4a56e; }
.live-metric > span { color:#80747e; font-size:11px; font-weight:750; }
.live-metric strong { margin:13px 0 5px; font-size:26px; letter-spacing:-.04em; line-height:1; }
.live-metric small { color:#a99fa7; font-size:10px; line-height:1.35; }
.dashboard-main-grid,.dashboard-secondary-grid { display:grid; grid-template-columns:1fr 1fr; gap:17px; margin-bottom:17px; }
.dashboard-secondary-grid { grid-template-columns:.85fr 1.15fr; }
.op-panel { min-width:0; border:1px solid var(--line); border-radius:12px; background:#fff; box-shadow:var(--shadow); overflow:hidden; }
.op-panel-head { display:flex; justify-content:space-between; align-items:center; gap:12px; min-height:78px; padding:17px 20px; border-bottom:1px solid #f0ebea; }
.op-panel-head h2 { margin:5px 0 0; font-size:16px; letter-spacing:-.02em; }
.text-link { color:#bd5a37; font-size:11px; font-weight:800; white-space:nowrap; }
.text-link:hover { text-decoration:underline; }
.muted-label { color:#aaa0a7; font-size:10px; white-space:nowrap; }
.stage-overview { padding:13px 22px 18px; }
.stage-overview-row { display:grid; grid-template-columns:112px minmax(0,1fr) 20px; align-items:center; gap:15px; min-height:45px; }
.stage-name { display:flex; align-items:center; gap:8px; color:#675d65; font-size:11px; font-weight:750; white-space:nowrap; }
.stage-dot,.lane-status-dot { width:8px; height:8px; border-radius:50%; background:#e5945f; }
.stage-preparando,.lane-preparando .lane-status-dot { background:#9571b1; }
.stage-pronto,.lane-pronto .lane-status-dot { background:#49a97b; }
.stage-entregue,.lane-entregue .lane-status-dot { background:#8b9ba3; }
.stage-bar,.channel-track { height:7px; border-radius:99px; background:#f2eeed; overflow:hidden; }
.stage-bar span,.channel-track i { display:block; height:100%; border-radius:inherit; background:#e89970; }
.stage-overview-row:nth-child(2) .stage-bar span { background:#aa86b6; }
.stage-overview-row:nth-child(3) .stage-bar span { background:#75be95; }
.stage-overview-row:nth-child(4) .stage-bar span { background:#a6b4bc; }
.stage-overview-row > strong { text-align:right; font-size:12px; }
.op-insight { display:flex; align-items:center; gap:11px; margin:0 20px 20px; padding:13px; border-radius:9px; background:#fcf8f4; }
.op-insight > span { display:grid; place-items:center; width:32px; height:32px; border-radius:8px; background:#fff0e6; color:#b65e38; font-size:18px; }
.op-insight strong,.op-insight small { display:block; }
.op-insight strong { font-size:11px; }
.op-insight small { margin-top:3px; color:#a1929b; font-size:10px; }
.recent-list,.activity-list { padding:3px 20px 9px; }
.recent-row { display:flex; align-items:center; gap:11px; min-height:62px; border-bottom:1px solid #f2eded; }
.recent-row:last-child,.activity-row:last-child { border-bottom:0; }
.recent-icon { display:grid; place-items:center; flex:none; width:34px; height:34px; border-radius:8px; background:#fcf2ec; color:#ba6843; font-size:17px; }
.recent-row > div:nth-child(2) { flex:1; min-width:0; }
.recent-row strong,.recent-row small { display:block; }
.recent-row strong { font-size:11px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.recent-row small { margin-top:3px; color:#a1979e; font-size:9px; }
.status-pill { padding:5px 7px; border-radius:5px; background:#fff1e8; color:#ad5c31; font-size:9px; font-weight:850; white-space:nowrap; }
.pill-preparando { background:#f3edfa; color:#765499; }
.pill-pronto { background:#eaf7ee; color:#348257; }
.pill-entregue { background:#eef2f4; color:#6e8188; }
.op-empty { padding:38px 10px; color:#a2979d; font-size:11px; text-align:center; }
.channel-chart { padding:18px 22px; }
.channel-row { display:grid; grid-template-columns:66px minmax(0,1fr) 20px; gap:12px; align-items:center; min-height:37px; font-size:11px; }
.channel-row strong { text-align:right; }
.channel-row:nth-child(2) .channel-track i { background:#9d7ead; }
.channel-row:nth-child(3) .channel-track i { background:#71b991; }
.activity-row { display:flex; align-items:flex-start; gap:12px; min-height:55px; padding-top:13px; border-bottom:1px solid #f2eded; }
.activity-dot { flex:none; width:8px; height:8px; margin-top:4px; border-radius:50%; background:#f29a6c; box-shadow:0 0 0 4px #fff0e8; }
.activity-row strong,.activity-row small { display:block; }
.activity-row strong { font-size:11px; }
.activity-row small { margin-top:4px; color:#a99da4; font-size:9px; }
.integration-strip { display:flex; align-items:center; gap:13px; padding:14px 17px; border:1px solid var(--line); border-radius:9px; background:#fff; color:#948991; font-size:11px; line-height:1.5; }
.integration-strip strong { color:#5f535e; white-space:nowrap; }

.kds-board { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; align-items:start; }
.kds-lane { min-width:0; min-height:390px; border:1px solid #e9e3e4; border-radius:11px; background:#f5f3f2; overflow:hidden; }
.lane-head { display:flex; align-items:center; justify-content:space-between; min-height:59px; padding:0 15px; border-bottom:1px solid #e8e2e2; background:#fff; }
.lane-head > div { display:flex; align-items:center; gap:9px; }
.lane-head h2 { margin:0; font-size:13px; letter-spacing:-.01em; }
.lane-count { display:grid; place-items:center; min-width:22px; height:22px; border-radius:6px; background:#f4f0ef; color:#6f646c; font-size:11px; font-weight:900; }
.lane-cards { display:grid; gap:10px; padding:10px; }
.lane-empty { display:grid; place-items:center; min-height:155px; padding:15px; color:#a99fa5; font-size:11px; text-align:center; }
.ticket-card { min-width:0; padding:14px; border:1px solid #e9e1e2; border-radius:9px; background:white; box-shadow:0 5px 17px rgba(45,32,48,.035); }
.ticket-top { display:flex; justify-content:space-between; align-items:start; gap:6px; }
.ticket-code { color:#9b8d98; font-size:9px; font-weight:900; letter-spacing:.04em; }
.ticket-top h3 { margin:5px 0 0; font-size:15px; letter-spacing:-.02em; }
.ticket-age { padding:5px 6px; border-radius:5px; background:#faf4f0; color:#9d6b55; font-size:9px; font-weight:800; white-space:nowrap; }
.ticket-meta { display:flex; align-items:center; gap:5px; margin:10px 0 12px; color:#a0939d; font-size:9px; }
.test-tag { margin-left:auto; color:#b8795b; font-size:8px; font-weight:900; }
.ticket-items { border-top:1px solid #f0eaea; }
.ticket-item { display:flex; align-items:flex-start; gap:9px; padding:10px 0; border-bottom:1px solid #f0eaea; font-size:11px; line-height:1.4; }
.ticket-item > strong { min-width:21px; color:#b35235; font-size:12px; }
.ticket-item span,.ticket-item small { display:block; }
.ticket-item small { margin-top:3px; color:#a28783; font-size:9px; }
.ticket-note { display:grid; gap:4px; padding:10px 0; color:#9a6954; font-size:10px; line-height:1.45; }
.ticket-note strong { color:#8e4f38; }
.ticket-action { display:flex; align-items:center; justify-content:space-between; width:100%; min-height:36px; margin-top:10px; padding:0 11px; border:0; border-radius:7px; background:var(--ink); color:white; font-size:10px; font-weight:850; }
.ticket-action:hover { background:#513655; }
.lane-preparando .ticket-action { background:#765891; }
.lane-pronto .ticket-action { background:#267f55; }
.lane-pronto .ticket-action:hover { background:#1b6644; }

.order-dialog { width:min(92vw,520px); max-height:90vh; padding:0; border:1px solid var(--line); border-radius:14px; box-shadow:0 30px 100px rgba(32,24,32,.2); }
.order-dialog::backdrop { background:rgba(31,24,32,.54); }
.order-dialog form { display:grid; gap:15px; padding:24px; }
.dialog-head { display:flex; align-items:start; justify-content:space-between; }
.dialog-head h2 { margin:5px 0 0; font-size:21px; }
.dialog-close { border:0; background:transparent; color:#71656c; font-size:24px; }
.order-dialog p { margin:0; color:#8e818a; font-size:11px; line-height:1.5; }
.order-dialog label { display:grid; gap:7px; color:#534651; font-size:11px; font-weight:800; }
.order-dialog label small { color:#aaa0a6; font-size:10px; font-weight:500; }
.order-dialog input,.order-dialog select,.order-dialog textarea { width:100%; min-height:39px; padding:9px 11px; border:1px solid #e0d8dd; border-radius:7px; background:#fff; color:var(--ink); font:inherit; font-size:12px; font-weight:500; }
.order-dialog textarea { resize:vertical; }

/* Reservations, orders and delivery */
.bo-page { max-width:1600px; }
.bo-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; margin-bottom:18px; }
.bo-stats > div { display:grid; gap:10px; padding:17px 19px; border:1px solid var(--line); border-radius:10px; background:#fff; box-shadow:var(--shadow); }
.bo-stats span { color:#8e828a; font-size:11px; font-weight:750; }
.bo-stats strong { font-size:26px; line-height:1; letter-spacing:-.04em; }
.bo-layout { display:grid; grid-template-columns:minmax(380px,1.1fr) minmax(360px,.9fr); gap:16px; align-items:start; }
.bo-list-head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:17px 20px; border-bottom:1px solid var(--line); }
.bo-list-head h2 { margin:4px 0 0; font-size:16px; }
.bo-list-head input { width:min(45%,220px); height:35px; padding:0 11px; border:1px solid #e4dce1; border-radius:7px; background:#fff; color:var(--ink); font:inherit; font-size:11px; }
.bo-rows { max-height:650px; overflow:auto; }
.bo-row { display:flex; align-items:center; gap:12px; width:100%; min-height:70px; padding:12px 18px; border:0; border-bottom:1px solid #f1ebed; background:#fff; color:var(--ink); text-align:left; cursor:pointer; }
.bo-row:hover,.bo-row.selected { background:#fff8f4; }
.bo-row.selected { box-shadow:inset 3px 0 #e97950; }
.bo-row-icon { display:grid; place-items:center; flex:none; width:34px; height:34px; border-radius:8px; background:#f8eee9; color:#b76544; font-size:17px; }
.bo-row-main { flex:1; min-width:0; }
.bo-row-main strong,.bo-row-main small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bo-row-main strong { font-size:12px; }
.bo-row-main small { margin-top:4px; color:#a698a1; font-size:10px; }
.bo-badge { display:inline-flex; padding:6px 8px; border-radius:5px; background:#f3eff2; color:#725d6d; font-size:9px; font-weight:850; white-space:nowrap; }
.bo-detail { min-height:350px; padding:22px; }
.bo-detail-head { display:flex; align-items:center; justify-content:space-between; gap:10px; }
.bo-detail h2 { margin:14px 0 5px; font-size:24px; letter-spacing:-.03em; }
.bo-detail-sub { color:#9c9097; font-size:11px; }
.bo-facts { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:23px 0; }
.bo-facts > div { min-width:0; padding:12px; border:1px solid #f0e9ec; border-radius:7px; }
.bo-facts dt { color:#a99da4; font-size:10px; }
.bo-facts dd { margin:5px 0 0; overflow-wrap:anywhere; font-size:12px; font-weight:800; }
.bo-note { padding:12px; margin-bottom:17px; border-radius:7px; background:#fff8f3; color:#7b5b4e; font-size:11px; overflow-wrap:anywhere; }
.bo-note p { margin:5px 0 0; line-height:1.5; }
.bo-items { padding:15px 0; border-top:1px solid #f0e9ec; }
.bo-items > strong { display:block; margin-bottom:9px; font-size:11px; }
.bo-items > div { display:flex; gap:9px; padding:8px 0; border-bottom:1px solid #f4eff0; font-size:11px; }
.bo-items b { color:#b96241; }
.bo-items small { display:block; margin-top:3px; color:#9e8d98; }
.bo-items p { color:#a99da4; font-size:11px; }
.bo-actions { display:flex; flex-wrap:wrap; gap:8px; padding-top:15px; border-top:1px solid #f0e9ec; }
.bo-actions button { min-height:35px; padding:0 12px; border:1px solid #e3d9df; border-radius:7px; background:#fff; color:#5a4b57; font-size:10px; font-weight:800; cursor:pointer; }
.bo-actions button.emphasis { border-color:var(--ink); background:var(--ink); color:#fff; }
.bo-help { color:#998d95; font-size:10px; line-height:1.4; }
.bo-empty { padding:38px 20px; color:#a99da4; font-size:11px; text-align:center; }
#bo-feedback:not([hidden]) { margin-bottom:15px; padding:11px 13px; border:1px solid #ead9ce; border-radius:8px; background:#fff9f5; color:#8b503b; font-size:11px; font-weight:700; }
.bo-dialog { width:min(94vw,720px); }
.bo-dashboard-links { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; margin-bottom:17px; }
.bo-dashboard-links a { display:grid; gap:6px; padding:16px 18px; border:1px solid var(--line); border-radius:10px; background:#fff; box-shadow:var(--shadow); }
.bo-dashboard-links span { color:#8e828a; font-size:11px; font-weight:750; }
.bo-dashboard-links strong { font-size:23px; }
.bo-dashboard-links small { color:#b15f40; font-size:10px; }
.bo-dialog form { max-height:88vh; overflow:auto; }
.bo-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.bo-form-grid[hidden] { display:none; }
.bo-wide { grid-column:1/-1; }
.bo-form-items { display:grid; gap:10px; padding:14px 0; border-top:1px solid var(--line); }
.bo-form-items > div:first-child { display:flex; justify-content:space-between; align-items:center; font-size:12px; }
.bo-form-items button { border:0; background:transparent; color:#ab5b3d; font-size:11px; font-weight:800; cursor:pointer; }
#bo-item-rows { display:grid; gap:9px; }
.bo-item-input { display:grid; grid-template-columns:70px minmax(130px,1fr) minmax(120px,1fr) 28px; gap:8px; align-items:end; }
.bo-item-input button { height:37px; font-size:20px; }
@media(max-width:950px) { .bo-layout { grid-template-columns:1fr; } }
@media(max-width:600px) { .bo-stats { grid-template-columns:repeat(2,1fr); } .bo-form-grid { grid-template-columns:1fr; } .bo-item-input { grid-template-columns:65px 1fr 28px; } .bo-item-input label:nth-child(3) { grid-column:1/3; grid-row:2; } .bo-item-input button { grid-column:3; grid-row:1; } .bo-list-head { align-items:stretch; flex-direction:column; } .bo-list-head input { width:100%; } }
@media(max-width:600px) { .bo-dashboard-links { grid-template-columns:1fr; } }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.dialog-actions { display:flex; justify-content:flex-end; gap:9px; padding-top:7px; }
.dialog-actions .primary-button { width:auto; padding:0 15px; }
.secondary-button { min-height:38px; padding:0 14px; border:1px solid var(--line); border-radius:7px; background:white; color:#665b64; font-size:11px; font-weight:800; }

.kitchen-body { min-height:100vh; background:#f6f4f2; }
.kitchen-header { display:flex; align-items:center; justify-content:space-between; gap:20px; min-height:72px; padding:0 30px; background:#2d2030; color:white; }
.kitchen-brand,.kitchen-header-end { display:flex; align-items:center; gap:18px; }
.kitchen-brand img { width:106px; height:auto; filter:brightness(0) invert(1); }
.kitchen-brand span { padding-left:17px; border-left:1px solid rgba(255,255,255,.25); font-size:16px; font-weight:800; }
.kitchen-header-end { font-size:12px; }
.kitchen-live { color:#cce9da; }
.kitchen-live i { box-shadow:none; }
.kitchen-header time { font-variant-numeric:tabular-nums; font-size:14px; font-weight:800; }
.kitchen-header form { margin:0; }
.kitchen-header form button { padding:8px 12px; border:1px solid rgba(255,255,255,.2); border-radius:7px; background:transparent; color:white; font-size:11px; font-weight:800; }
.kitchen-main { width:min(100%,1700px); margin:auto; padding:31px 30px 50px; }
.kitchen-intro { display:flex; align-items:end; justify-content:space-between; gap:15px; margin-bottom:20px; }
.kitchen-intro h1 { margin:7px 0 5px; font-size:31px; }
.kitchen-intro p { margin:0; color:#827780; font-size:13px; }
.kitchen-summary { display:flex; align-items:center; gap:7px; color:#857a83; font-size:11px; }
.kitchen-summary strong { color:var(--ink); font-size:20px; }
.kitchen-summary i { height:17px; margin:0 8px; border-left:1px solid #dcd4d9; }
.kitchen-body .kds-lane { min-height:65vh; }
.kitchen-body .lane-head { min-height:68px; }
.kitchen-body .lane-head h2 { font-size:15px; }
.kitchen-body .ticket-top h3 { font-size:18px; }
.kitchen-body .ticket-item { font-size:13px; }
.kitchen-body .ticket-action { min-height:44px; font-size:12px; }
.kitchen-feedback { margin:0; }
@media (max-width:1350px) { .dashboard-metrics { grid-template-columns:repeat(3,1fr); } .kds-board { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (min-width:1081px) and (max-width:1350px) { .kitchen-body .kds-board { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media (max-width:820px) { .dashboard-main-grid,.dashboard-secondary-grid { grid-template-columns:1fr; } .kitchen-header { padding:0 18px; } .kitchen-main { padding:24px 18px 40px; } }
@media (max-width:600px) { .operational-page .page-header { align-items:flex-start; } .op-header-actions { width:100%; justify-content:space-between; } .dashboard-metrics { grid-template-columns:repeat(2,1fr); gap:9px; } .live-metric { min-height:115px; padding:14px; } .live-metric strong { font-size:23px; } .kds-board { grid-template-columns:1fr; } .kds-lane,.kitchen-body .kds-lane { min-height:0; } .kitchen-header { flex-wrap:wrap; padding:12px 16px; } .kitchen-header-end { gap:12px; } .kitchen-live { display:none; } .kitchen-intro { align-items:start; flex-direction:column; } .integration-strip { flex-direction:column; align-items:flex-start; gap:4px; } .form-grid { grid-template-columns:1fr; } }