/* eMenu Restaurant OS 1.3.1 — visual operations workspace */
.emenu-ops-shell{
  --ops-orange:#e8521a;--ops-orange-soft:#fff3ec;--ops-orange-line:#ffd7c5;
  --ops-blue:#2563eb;--ops-blue-soft:#eef5ff;--ops-blue-line:#cddfff;
  --ops-indigo:#5b5bd6;--ops-indigo-soft:#f1f0ff;--ops-indigo-line:#d9d7ff;
  --ops-cyan:#087f9c;--ops-cyan-soft:#eafaff;--ops-cyan-line:#c7edf6;
  --ops-teal:#0f766e;--ops-teal-soft:#ecfdf9;--ops-teal-line:#c7f0e8;
  --ops-green:#087b55;--ops-green-soft:#e9f8f1;--ops-green-line:#c9ecdc;
  --ops-amber:#a65d00;--ops-amber-soft:#fff7e7;--ops-amber-line:#f9dfae;
  --ops-red:#be3144;--ops-red-soft:#fff0f2;--ops-red-line:#ffd2d8;
  --ops-ink:#172033;--ops-muted:#687487;--ops-line:#e4e9f1;--ops-soft:#f6f8fb;--ops-white:#fff;
  max-width:1640px!important;margin:0 auto;color:var(--ops-ink);font-family:Inter,"Plus Jakarta Sans",system-ui,-apple-system,sans-serif
}
.emenu-ops-shell *{box-sizing:border-box}
.emenu-ops-header{display:flex;justify-content:space-between;align-items:flex-start;gap:28px;padding:26px 28px;margin-bottom:14px;border:1px solid var(--ops-line);border-radius:22px;background:linear-gradient(135deg,#fff 15%,#fff6f1 100%);box-shadow:0 14px 40px rgba(26,38,65,.06)}
.emenu-ops-header h1{margin:5px 0 7px;font-size:30px;line-height:1.15;letter-spacing:-.035em;font-weight:700}.emenu-ops-header p{margin:0;color:var(--ops-muted);max-width:820px;font-size:13px}.emenu-ops-product{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ops-orange)}
.emenu-ops-user{display:grid;grid-template-columns:auto auto;gap:7px 12px;text-align:right;min-width:230px;align-items:center}.emenu-ops-user span{font-weight:700}.emenu-ops-user strong{color:var(--ops-orange)}.emenu-ops-user a{font-size:12px;text-decoration:none;color:var(--ops-blue);font-weight:700}.emenu-ops-user .emenu-header-primary{padding:8px 10px;border-radius:10px;background:var(--ops-orange);color:#fff}
.emenu-ops-context{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 12px;padding:11px 14px;background:#fff;border:1px solid var(--ops-line);border-radius:14px}.emenu-ops-context>div{display:flex;align-items:center;gap:10px}.emenu-ops-context strong{font-size:11px;text-transform:uppercase;letter-spacing:.07em}.emenu-ops-context span{font-size:11px;color:var(--ops-muted)}.emenu-ops-context b{font-size:12px}.emenu-ops-context select{border:1px solid var(--ops-line);background:var(--ops-soft);padding:8px 10px;border-radius:9px;min-width:190px}

/* global 1→4 process */
.emenu-ops-process{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:12px}.emenu-ops-process-step{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:67px;padding:10px 12px;border:1px solid var(--ops-line);border-radius:14px;background:#fff;color:var(--ops-ink)!important;text-decoration:none!important}.emenu-ops-process-step>b{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#eef2f7;color:#4d5b70;font-size:13px}.emenu-ops-process-step span strong,.emenu-ops-process-step span small{display:block}.emenu-ops-process-step span strong{font-size:13px}.emenu-ops-process-step span small{font-size:10px;color:var(--ops-muted);margin-top:2px}.emenu-ops-process-step>i{font-style:normal;color:#a2acba}.emenu-ops-process-step.is-current{border-color:var(--ops-orange-line);background:var(--ops-orange-soft);box-shadow:inset 0 0 0 1px rgba(232,82,26,.05)}.emenu-ops-process-step.is-current>b{background:var(--ops-orange);color:#fff}.emenu-ops-process-step.is-current>i{color:var(--ops-orange)}
.emenu-ops-commandbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 12px;margin-bottom:14px;background:#172033;color:#fff;border-radius:14px}.emenu-ops-commandbar>div:first-child{min-width:150px}.emenu-ops-commandbar>div:first-child strong,.emenu-ops-commandbar>div:first-child span{display:block}.emenu-ops-commandbar>div:first-child strong{font-size:12px}.emenu-ops-commandbar>div:first-child span{font-size:10px;color:#aeb9ca;margin-top:2px}.emenu-ops-command-actions{display:flex;gap:7px;overflow:auto}.emenu-ops-command-actions>a{display:grid;grid-template-columns:31px auto;align-items:center;gap:8px;min-width:155px;padding:8px 10px;border-radius:10px;background:#263246;color:#fff!important;text-decoration:none!important}.emenu-ops-command-actions>a:hover{background:#334258}.emenu-ops-command-actions>a>b{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:#fff;color:#172033;font-size:9px;letter-spacing:-.02em}.emenu-ops-command-actions span strong,.emenu-ops-command-actions span small{display:block}.emenu-ops-command-actions span strong{font-size:11px}.emenu-ops-command-actions span small{font-size:9px;color:#b9c4d2;margin-top:1px}

/* navigation */
.emenu-ops-layout{grid-template-columns:248px minmax(0,1fr)!important;gap:16px!important}.emenu-ops-sidebar{position:sticky!important;top:86px!important;padding:13px!important;border-radius:17px!important;gap:4px!important;max-height:calc(100vh - 105px);overflow:auto}.emenu-nav-group{display:block;padding:8px 10px 4px;color:#929baa;font-size:9px;font-weight:800;letter-spacing:.1em}.emenu-nav-divider{height:1px;background:#eef1f5;margin:7px 0}.emenu-ops-sidebar .dc-manager-tab{display:grid!important;grid-template-columns:34px 1fr 10px!important;align-items:center!important;gap:9px!important;padding:8px 9px!important;border-radius:11px!important;font-size:12px!important;color:#46536a!important}.emenu-ops-sidebar .dc-manager-tab:hover{background:#f7f8fa!important}.emenu-ops-sidebar .dc-manager-tab.is-active{background:var(--ops-orange-soft)!important;color:#b73f12!important;font-weight:800!important}.emenu-nav-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#f0f3f7;color:#5c6879;font-size:9px}.dc-manager-tab.is-active .emenu-nav-icon{background:var(--ops-orange);color:#fff}.emenu-ops-sidebar .dc-manager-tab i{font-style:normal;font-size:7px;color:var(--ops-orange)}.emenu-ops-content{min-width:0!important;display:grid!important;gap:14px!important}

/* shared surfaces */
.emenu-ops-content .dc-manager-card{border-radius:17px!important;border-color:var(--ops-line)!important;box-shadow:0 7px 24px rgba(25,40,72,.04)!important;padding:18px!important}.emenu-ops-content .dc-manager-subhead{margin-bottom:13px!important}.emenu-ops-content .dc-manager-subhead h3{font-size:15px!important}.emenu-ops-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.emenu-ops-kpis--4{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:15px}.emenu-ops-kpi{position:relative;overflow:hidden;display:block;background:#fff;border:1px solid var(--ops-line);border-radius:16px;padding:15px 16px;box-shadow:0 6px 20px rgba(25,40,72,.035);color:var(--ops-ink)!important;text-decoration:none!important}.emenu-ops-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#cbd3dd}.emenu-ops-kpi span,.emenu-ops-kpi small{display:block;color:var(--ops-muted);font-size:11px}.emenu-ops-kpi strong{display:block;font-size:24px;line-height:1.15;letter-spacing:-.035em;margin:5px 0}.emenu-ops-kpi.tone-orange:before{background:var(--ops-orange)}.emenu-ops-kpi.tone-green:before{background:var(--ops-green)}.emenu-ops-kpi.tone-blue:before{background:var(--ops-blue)}.emenu-ops-kpi.tone-indigo:before{background:var(--ops-indigo)}.emenu-ops-kpi.tone-amber:before{background:#e19a18}.emenu-ops-kpi.tone-red:before{background:var(--ops-red)}
.emenu-ops-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.emenu-ops-toolbar{display:flex;gap:7px;flex-wrap:wrap}.emenu-ops-toolbar a{display:inline-flex;padding:7px 9px;border-radius:9px;border:1px solid var(--ops-line);background:#fff;font-size:10px;font-weight:700;color:#315b91!important;text-decoration:none!important}.emenu-ops-table-wrap{overflow:auto;border:1px solid #edf0f4;border-radius:13px}.emenu-ops-table-wrap .dc-manager-table{min-width:900px}.emenu-ops-table-wrap .dc-manager-table th{position:sticky;top:0;background:#f8f9fb;z-index:1;padding:10px 9px!important}.emenu-ops-table-wrap .dc-manager-table td{padding:10px 9px!important}.emenu-ops-empty{padding:15px;border:1px dashed #cfd6e1;border-radius:12px;color:var(--ops-muted);font-size:11px}.emenu-ops-empty--wide{grid-column:1/-1}

/* badges: every state has its own visual language */
.emenu-ops-badge{display:inline-flex;align-items:center;min-height:25px;padding:3px 9px;border-radius:999px;background:#eef2f7;color:#45546a;font-size:10px;font-weight:800;white-space:nowrap;border:1px solid transparent}.emenu-ops-badge.ok,.emenu-ops-badge.available,.emenu-ops-badge.paid,.emenu-ops-badge.closed{background:var(--ops-green-soft);color:var(--ops-green);border-color:var(--ops-green-line)}.emenu-ops-badge.warn,.emenu-ops-badge.unpaid,.emenu-ops-badge.checkout,.emenu-ops-badge.request_payment{background:var(--ops-amber-soft);color:var(--ops-amber);border-color:var(--ops-amber-line)}.emenu-ops-badge.draft{background:#f3f4f6;color:#636c7a}.emenu-ops-badge.confirmed,.emenu-ops-badge.new,.emenu-ops-badge.sent_to_kitchen{background:var(--ops-orange-soft);color:#c24717;border-color:var(--ops-orange-line)}.emenu-ops-badge.in_kitchen,.emenu-ops-badge.accepted{background:var(--ops-indigo-soft);color:#5050b7;border-color:var(--ops-indigo-line)}.emenu-ops-badge.preparing{background:var(--ops-blue-soft);color:#1f5dc4;border-color:var(--ops-blue-line)}.emenu-ops-badge.partially_ready,.emenu-ops-badge.ready{background:var(--ops-cyan-soft);color:var(--ops-cyan);border-color:var(--ops-cyan-line)}.emenu-ops-badge.served,.emenu-ops-badge.dining{background:var(--ops-teal-soft);color:var(--ops-teal);border-color:var(--ops-teal-line)}.emenu-ops-badge.partial{background:#f6f0ff;color:#7045aa;border-color:#e8d7ff}.emenu-ops-badge.cancelled,.emenu-ops-badge.void,.emenu-ops-badge.refunded,.emenu-ops-badge.partial_refund,.emenu-ops-badge.sold_out,.emenu-ops-badge.inactive{background:var(--ops-red-soft);color:var(--ops-red);border-color:var(--ops-red-line)}.emenu-ops-badge.paused,.emenu-ops-badge.reserved,.emenu-ops-badge.cleaning{background:#f7f3e8;color:#81651e;border-color:#e8ddbc}.emenu-ops-badge.seated,.emenu-ops-badge.ordering,.emenu-ops-badge.paying{background:var(--ops-blue-soft);color:var(--ops-blue);border-color:var(--ops-blue-line)}

/* dashboard */
.emenu-ops-live-dot{display:inline-flex;gap:6px;align-items:center;color:var(--ops-green);font-size:10px;font-weight:900;letter-spacing:.08em}.emenu-ops-live-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:#16a36f;box-shadow:0 0 0 5px rgba(22,163,111,.1)}.emenu-ops-feed{display:grid}.emenu-ops-feed-item{display:grid;grid-template-columns:10px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid #f0f2f6}.emenu-ops-feed-item i{width:7px;height:7px;border-radius:50%;background:#8a97aa;margin-top:5px}.emenu-ops-feed-item i.success{background:#16a36f}.emenu-ops-feed-item i.warning{background:#e39b1f}.emenu-ops-feed-item i.error{background:var(--ops-red)}.emenu-ops-feed-item strong,.emenu-ops-feed-item small{display:block}.emenu-ops-feed-item strong{font-size:12px}.emenu-ops-feed-item small{font-size:10px;color:var(--ops-muted);margin-top:2px}.emenu-ops-action-list{display:grid;gap:7px}.emenu-ops-action-list a{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;gap:10px;align-items:center;padding:10px 11px;background:var(--ops-soft);border:1px solid transparent;border-radius:12px;color:var(--ops-ink)!important;text-decoration:none!important}.emenu-ops-action-list a>b{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;background:#fff;font-size:9px}.emenu-ops-action-list a>span strong,.emenu-ops-action-list a>span small{display:block}.emenu-ops-action-list a>span strong{font-size:12px}.emenu-ops-action-list a>span small{font-size:10px;color:var(--ops-muted);margin-top:2px}.emenu-ops-action-list a>i{font-style:normal}.emenu-ops-action-list a:hover{border-color:#dce3ed}.emenu-ops-action-list .action-kitchen>b{color:var(--ops-blue);background:var(--ops-blue-soft)}.emenu-ops-action-list .action-cashier>b{color:var(--ops-green);background:var(--ops-green-soft)}.emenu-ops-action-list .action-stock>b{color:var(--ops-amber);background:var(--ops-amber-soft)}.emenu-ops-action-list .action-report>b{color:var(--ops-indigo);background:var(--ops-indigo-soft)}.emenu-ops-rank{display:grid}.emenu-ops-rank>div{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #f0f2f5}.emenu-ops-rank b{width:24px;height:24px;border-radius:8px;background:var(--ops-orange-soft);color:#c83f0b;display:grid;place-items:center}.emenu-ops-rank span strong,.emenu-ops-rank span small{display:block}.emenu-ops-rank span small{color:var(--ops-muted);font-size:10px}.emenu-ops-rank em{font-style:normal;font-weight:800}

/* orders */
.emenu-order-summary{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:2px 0 12px}.emenu-order-summary-card{position:relative;overflow:hidden;min-height:91px;padding:11px;border:1px solid var(--ops-line);border-radius:12px;background:#fff}.emenu-order-summary-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#cbd3dd}.emenu-order-summary-card span,.emenu-order-summary-card small{display:block}.emenu-order-summary-card span{font-size:10px;font-weight:800}.emenu-order-summary-card strong{display:block;font-size:23px;margin:3px 0;line-height:1.05}.emenu-order-summary-card small{font-size:9px;color:var(--ops-muted)}.tone-orange:before{background:var(--ops-orange)}.tone-blue:before{background:var(--ops-blue)}.tone-cyan:before{background:#0d8fad}.tone-teal:before{background:var(--ops-teal)}.tone-amber:before{background:#d78b12}.tone-green:before{background:var(--ops-green)}.tone-red:before{background:var(--ops-red)}
.emenu-status-legend{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:9px 10px;margin-bottom:10px;border-radius:10px;background:#f8f9fb}.emenu-status-legend>strong{font-size:10px;margin-right:3px}.legend{padding:4px 7px;border-radius:999px;font-size:9px;font-weight:800}.legend.confirmed{background:var(--ops-orange-soft);color:#c24717}.legend.in-kitchen{background:var(--ops-indigo-soft);color:#5050b7}.legend.preparing{background:var(--ops-blue-soft);color:#1f5dc4}.legend.ready{background:var(--ops-cyan-soft);color:var(--ops-cyan)}.legend.served{background:var(--ops-teal-soft);color:var(--ops-teal)}.legend.checkout{background:var(--ops-amber-soft);color:var(--ops-amber)}.legend.closed{background:var(--ops-green-soft);color:var(--ops-green)}.legend.cancelled{background:var(--ops-red-soft);color:var(--ops-red)}
.emenu-ops-status-filter{display:flex;gap:6px;overflow:auto;padding:0 0 11px}.emenu-ops-status-filter a{white-space:nowrap;padding:6px 9px;border-radius:999px;background:var(--ops-soft);border:1px solid transparent;font-size:10px;font-weight:700;color:#536174!important;text-decoration:none!important}.emenu-ops-status-filter a b{margin-left:4px}.emenu-ops-status-filter a.is-active{background:#172033;color:#fff!important}.emenu-order-table{min-width:1120px!important}.emenu-order-row{position:relative}.emenu-order-row td:first-child{border-left:4px solid #cfd6df!important}.emenu-order-row.status-confirmed td:first-child,.emenu-order-row.status-draft td:first-child{border-left-color:var(--ops-orange)!important}.emenu-order-row.status-in-kitchen td:first-child{border-left-color:var(--ops-indigo)!important}.emenu-order-row.status-preparing td:first-child{border-left-color:var(--ops-blue)!important}.emenu-order-row.status-partially-ready td:first-child,.emenu-order-row.status-ready td:first-child{border-left-color:var(--ops-cyan)!important}.emenu-order-row.status-served td:first-child{border-left-color:var(--ops-teal)!important}.emenu-order-row.status-checkout td:first-child{border-left-color:#d78b12!important}.emenu-order-row.status-paid td:first-child,.emenu-order-row.status-closed td:first-child{border-left-color:var(--ops-green)!important}.emenu-order-row.status-cancelled td:first-child,.emenu-order-row.status-refunded td:first-child,.emenu-order-row.status-partial-refund td:first-child,.emenu-order-row.status-void td:first-child{border-left-color:var(--ops-red)!important}.emenu-order-row td>strong,.emenu-order-row td>span,.emenu-order-row td>small{display:block}.emenu-order-row td>small{font-size:10px;color:var(--ops-muted);margin-top:2px}.emenu-order-id{font-size:13px;font-weight:900}.emenu-order-total{font-size:13px}.emenu-order-actions{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px}.emenu-order-actions a{padding:6px 8px;border-radius:8px;background:#edf1f6;color:#34445c!important;font-size:9px;font-weight:800;text-decoration:none!important}.emenu-order-actions a.primary{background:#172033;color:#fff!important}.emenu-order-actions a.pay{background:var(--ops-green-soft);color:var(--ops-green)!important}.emenu-order-state-form{display:grid!important;grid-template-columns:1fr 1fr auto!important;gap:5px!important;min-width:320px}.emenu-order-state-form input,.emenu-order-state-form select{max-width:none!important}.emenu-order-progress{display:flex;gap:3px;margin-top:7px}.emenu-order-progress i{width:18px;height:3px;border-radius:4px;background:#e2e7ed}

/* KDS Kanban */
.emenu-kds-board{padding:15px!important}.emenu-kds-kanban{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.emenu-kds-lane{min-width:0;border:1px solid var(--ops-line);border-radius:14px;background:#f8f9fb;overflow:hidden}.emenu-kds-lane>header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 12px;border-bottom:1px solid var(--ops-line);background:#fff}.emenu-kds-lane>header strong,.emenu-kds-lane>header small{display:block}.emenu-kds-lane>header strong{font-size:12px}.emenu-kds-lane>header small{font-size:9px;color:var(--ops-muted);margin-top:2px}.emenu-kds-lane>header>b{min-width:29px;height:29px;padding:0 7px;border-radius:9px;display:grid;place-items:center;background:#eef2f7;font-size:11px}.lane-waiting>header{border-top:4px solid var(--ops-orange)}.lane-accepted>header{border-top:4px solid var(--ops-indigo)}.lane-preparing>header{border-top:4px solid var(--ops-blue)}.lane-ready>header{border-top:4px solid var(--ops-cyan)}.lane-waiting>header>b{background:var(--ops-orange-soft);color:#c24717}.lane-accepted>header>b{background:var(--ops-indigo-soft);color:#5050b7}.lane-preparing>header>b{background:var(--ops-blue-soft);color:#1f5dc4}.lane-ready>header>b{background:var(--ops-cyan-soft);color:var(--ops-cyan)}.emenu-kds-lane-list{display:grid;gap:7px;padding:7px}.emenu-kds-ticket{border:1px solid var(--ops-line);border-radius:12px;padding:11px;background:#fff;box-shadow:0 5px 14px rgba(25,40,72,.035)}.emenu-kds-ticket>header{display:flex;justify-content:space-between;color:var(--ops-muted);font-size:9px}.emenu-kds-ticket>header b{font-variant-numeric:tabular-nums;color:var(--ops-orange)}.emenu-kds-ticket h4{font-size:14px;margin:10px 0 5px}.emenu-kds-ticket p{min-height:31px;margin:0 0 8px;padding:7px 8px;border-radius:8px;background:#fff8ef;color:#69491e;font-size:10px}.emenu-kds-ticket p.muted{background:#f6f7f9;color:#8a94a3}.emenu-kds-ticket.status-preparing{border-color:var(--ops-blue-line)}.emenu-kds-ticket.status-ready{border-color:var(--ops-cyan-line)}.emenu-kds-meta,.emenu-kds-actions{display:flex;gap:5px;flex-wrap:wrap}.emenu-kds-actions{margin-top:9px}.emenu-kds-actions form{margin:0;flex:1}.emenu-kds-actions button{width:100%;border:0;border-radius:9px;padding:8px 9px;font-weight:800;font-size:10px;cursor:pointer}.emenu-kds-actions .step-accepted{background:var(--ops-indigo);color:#fff}.emenu-kds-actions .step-preparing{background:var(--ops-blue);color:#fff}.emenu-kds-actions .step-ready{background:#0b879e;color:#fff}.emenu-kds-actions .step-served{background:var(--ops-teal);color:#fff}.emenu-kds-actions .step-soldout{background:var(--ops-red-soft);color:var(--ops-red);border:1px solid var(--ops-red-line)}.emenu-kds-lane-empty{padding:17px 10px;text-align:center;color:#9aa4b2;font-size:10px;border:1px dashed #d8dee7;border-radius:10px;background:#fff}.emenu-station-filter{margin-top:2px}

/* forms, cashier, accounting, inventory */
.emenu-ops-inline-form{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.emenu-ops-inline-form input,.emenu-ops-inline-form select{max-width:160px;padding:7px 8px;border:1px solid #dfe5ed;border-radius:9px;background:#fff;font-size:10px}.emenu-ops-inline-form button,.emenu-ops-pay-card button,.emenu-ops-filter button,.emenu-qr-actions button{border:0;border-radius:9px;padding:7px 10px;background:#26354a;color:#fff;font-weight:800;font-size:10px;cursor:pointer}.emenu-ops-inline-form button.danger{background:var(--ops-red-soft);color:var(--ops-red)}.emenu-ops-form{display:grid;gap:11px}.emenu-ops-form--grid,.emenu-ops-staff-form{grid-template-columns:repeat(2,minmax(0,1fr))}.emenu-ops-form label{display:grid;gap:5px;font-size:11px;font-weight:700;color:#4f5d70}.emenu-ops-form input,.emenu-ops-form select,.emenu-ops-form textarea,.emenu-ops-filter input,.emenu-ops-filter select{width:100%;border:1px solid #dfe5ed;border-radius:10px;padding:9px 10px;background:#fff}.emenu-ops-form textarea{min-height:70px}.emenu-ops-form button{width:max-content}.emenu-ops-toggle{display:flex!important;grid-template-columns:20px 1fr!important;align-items:center}.emenu-ops-toggle input{width:auto}.emenu-ops-shift{display:flex;justify-content:space-between;gap:12px;padding:12px;background:var(--ops-green-soft);border-radius:12px;margin-bottom:12px}.emenu-ops-mini-list{display:grid}.emenu-ops-mini-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #eff2f6}.emenu-ops-mini-list span,.emenu-ops-mini-list strong,.emenu-ops-mini-list small{display:block}.emenu-ops-mini-list small{font-size:10px;color:var(--ops-muted)}.emenu-ops-payment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.emenu-ops-pay-card{border:1px solid var(--ops-line);border-radius:13px;padding:11px}.emenu-ops-pay-card header{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.emenu-ops-pay-card header span{color:var(--ops-orange);font-weight:800}.emenu-ops-pay-card>div{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:5px}.emenu-ops-pay-card input,.emenu-ops-pay-card select{min-width:0;padding:8px;border:1px solid #dfe5ed;border-radius:9px}.emenu-ops-filter{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.emenu-ops-filter input,.emenu-ops-filter select{width:auto;min-width:145px}.emenu-ops-methods{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.emenu-ops-methods>div{background:var(--ops-soft);padding:11px;border-radius:11px}.emenu-ops-methods span,.emenu-ops-methods strong{display:block}.emenu-ops-methods span{font-size:10px;color:var(--ops-muted)}.is-low-stock td{background:#fffaf0}.emenu-ops-recipe-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.emenu-ops-recipe-list span{padding:7px 9px;background:#f1f5f9;border-radius:9px;font-size:10px}.emenu-ops-staff-form fieldset{border:1px solid var(--ops-line);border-radius:12px;padding:10px}.emenu-ops-staff-form legend{font-size:11px;font-weight:800}.emenu-ops-check{display:inline-flex!important;grid-template-columns:auto auto!important;margin:5px 10px 5px 0}.emenu-ops-check input{width:auto}.emenu-ops-staff-inline{min-width:430px}.emenu-ops-scope-checks{display:flex;gap:5px;flex-wrap:wrap}.emenu-ops-scope-checks label{font-size:9px;background:#f2f5f8;padding:5px;border-radius:8px}

/* QR/table */
.emenu-qr-workflow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.emenu-qr-workflow>div{display:flex;align-items:center;gap:8px;padding:10px;border-radius:11px;background:#f7f8fa}.emenu-qr-workflow b{width:29px;height:29px;border-radius:9px;background:var(--ops-orange);color:#fff;display:grid;place-items:center}.emenu-qr-workflow span strong,.emenu-qr-workflow span small{display:block}.emenu-qr-workflow span strong{font-size:10px}.emenu-qr-workflow span small{font-size:9px;color:var(--ops-muted)}.emenu-qr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.emenu-qr-card{position:relative;display:grid;grid-template-columns:100px 1fr;gap:11px;padding:12px;border:1px solid var(--ops-line);border-radius:14px;background:#fff;overflow:hidden}.emenu-qr-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:#cfd6df}.emenu-qr-card.table-available:before{background:var(--ops-green)}.emenu-qr-card.table-reserved:before{background:#ad7c12}.emenu-qr-card.table-seated:before,.emenu-qr-card.table-ordering:before{background:var(--ops-blue)}.emenu-qr-card.table-dining:before{background:var(--ops-teal)}.emenu-qr-card.table-request_payment:before,.emenu-qr-card.table-paying:before{background:#d78b12}.emenu-qr-card.table-inactive:before{background:var(--ops-red)}.emenu-qr-code{width:100px;height:100px;display:grid;place-items:center;background:#fff;border:1px solid #edf0f4;border-radius:10px;overflow:hidden}.emenu-qr-code img,.emenu-qr-code canvas{max-width:92px!important;max-height:92px!important}.emenu-qr-card>div:nth-child(2)>strong,.emenu-qr-card>div:nth-child(2)>span,.emenu-qr-card>div:nth-child(2)>small{display:block}.emenu-qr-card>div:nth-child(2)>span,.emenu-qr-card>div:nth-child(2)>small{font-size:10px;color:var(--ops-muted);margin:3px 0}.emenu-qr-actions{grid-column:1/-1;display:flex;gap:6px}.emenu-qr-actions a{padding:7px 10px;border:1px solid var(--ops-line);border-radius:9px;font-size:10px;font-weight:800}.emenu-qr-card form{grid-column:1/-1}

/* full-width import center */
.emenu-ops-shell--import{max-width:1680px!important}.emenu-import-center{display:grid;gap:12px}.emenu-import-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#172033,#28364e)!important;color:#fff!important;border:0!important}.emenu-import-hero h2{margin:4px 0 5px!important;font-size:23px!important}.emenu-import-hero p{margin:0;color:#bdc7d5;font-size:11px}.emenu-import-steps{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.emenu-import-steps>div{display:flex;align-items:center;gap:7px}.emenu-import-steps b{width:28px;height:28px;border-radius:9px;background:#fff;color:#172033;display:grid;place-items:center;font-size:11px}.emenu-import-steps span{font-size:10px;font-weight:700}.emenu-import-steps i{font-style:normal;color:#78879d}.emenu-import-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.emenu-import-card{display:grid;gap:12px}.emenu-import-card>header{display:flex;align-items:center;gap:10px}.emenu-import-card>header>b{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;background:var(--ops-orange-soft);color:#c24717;font-size:10px}.emenu-import-card.import-combo>header>b{background:var(--ops-indigo-soft);color:#5050b7}.emenu-import-card h3,.emenu-import-card header span{display:block;margin:0}.emenu-import-card header span{font-size:10px;color:var(--ops-muted);margin-top:2px}.emenu-import-drop{position:relative;min-height:175px;border:2px dashed #cbd3df;border-radius:14px;background:#f8f9fb;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px;cursor:pointer}.emenu-import-drop:hover,.emenu-import-drop.is-dragover,.emenu-import-drop.has-file{border-color:var(--ops-orange);background:var(--ops-orange-soft)}.emenu-import-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.emenu-import-drop:before{content:"XLS";display:grid;place-items:center;width:48px;height:48px;border-radius:13px;margin-bottom:10px;background:#fff;border:1px solid var(--ops-line);font-size:11px;font-weight:900;color:var(--ops-green)}.emenu-import-drop strong{font-size:13px}.emenu-import-drop span{font-size:10px;color:var(--ops-muted);margin-top:4px}.emenu-import-card-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.emenu-import-card-actions>a{font-size:10px;font-weight:800}.emenu-import-schema-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.emenu-import-schema-grid>div{display:flex;gap:5px;flex-wrap:wrap;align-content:flex-start;padding:11px;border-radius:11px;background:#f8f9fb;min-height:95px}.emenu-import-schema-grid>div>strong{width:100%;font-size:10px;margin-bottom:2px}.emenu-import-schema code{padding:4px 6px;border-radius:6px;background:#fff;border:1px solid var(--ops-line);font-size:9px;color:#34445a}.emenu-import-note{margin-top:9px;padding:9px 10px;border-radius:9px;background:var(--ops-blue-soft);font-size:9px;color:#355a8d}

/* guest order live colors */
.dc-order-live-items{margin-top:18px;padding:15px;border:1px solid #e5eaf1;border-radius:15px;background:#f9fbfd}.dc-order-live-item{display:flex;justify-content:space-between;gap:12px;padding:8px 9px;margin:5px 0;border:1px solid #e9edf2;border-left:4px solid #cfd6df;border-radius:9px;background:#fff;font-size:12px}.dc-order-live-item strong{padding:3px 7px;border-radius:999px;background:#eef2f7;color:#526075;font-size:10px}.dc-order-live-item.status-new,.dc-order-live-item.status-sent-to-kitchen{border-left-color:var(--ops-orange)}.dc-order-live-item.status-accepted{border-left-color:var(--ops-indigo)}.dc-order-live-item.status-preparing{border-left-color:var(--ops-blue)}.dc-order-live-item.status-ready{border-left-color:var(--ops-cyan)}.dc-order-live-item.status-served{border-left-color:var(--ops-teal)}.dc-order-live-item.status-ready strong{background:var(--ops-cyan-soft);color:var(--ops-cyan)}.dc-order-live-item.status-preparing strong{background:var(--ops-blue-soft);color:var(--ops-blue)}.dc-order-live-item.status-served strong{background:var(--ops-teal-soft);color:var(--ops-teal)}.emenu-live-status-value{display:inline-flex!important;width:auto!important;padding:5px 9px;border-radius:999px;background:#eef2f7}.emenu-live-status-value.status-confirmed,.emenu-live-status-value.status-in-kitchen{background:var(--ops-orange-soft);color:#c24717}.emenu-live-status-value.status-preparing{background:var(--ops-blue-soft);color:var(--ops-blue)}.emenu-live-status-value.status-ready,.emenu-live-status-value.status-partially-ready{background:var(--ops-cyan-soft);color:var(--ops-cyan)}.emenu-live-status-value.status-served{background:var(--ops-teal-soft);color:var(--ops-teal)}.emenu-live-status-value.status-checkout{background:var(--ops-amber-soft);color:var(--ops-amber)}.emenu-live-status-value.status-paid,.emenu-live-status-value.status-closed{background:var(--ops-green-soft);color:var(--ops-green)}
.emenu-table-context{max-width:1320px;margin:12px auto;padding:11px 14px;border-radius:14px;border:1px solid var(--ops-orange-line);background:var(--ops-orange-soft);display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px}.emenu-table-context strong{color:#c83f0b}.emenu-guest-locked{background:#f5f7fa!important;cursor:not-allowed}.emenu-guest-notice{font-size:10px;color:#64748b;margin-top:5px}

@media(max-width:1380px){.emenu-order-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.emenu-kds-kanban{grid-template-columns:repeat(2,minmax(0,1fr))}.emenu-import-schema-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1100px){.emenu-ops-layout{grid-template-columns:1fr!important}.emenu-ops-sidebar{position:static!important;max-height:none;display:flex!important;flex-direction:row!important;overflow:auto!important;padding:8px!important}.emenu-nav-group,.emenu-nav-divider{display:none}.emenu-ops-sidebar .dc-manager-tab{grid-template-columns:30px auto!important;white-space:nowrap}.emenu-ops-sidebar .dc-manager-tab i{display:none}.emenu-nav-icon{width:28px;height:28px}.emenu-ops-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.emenu-ops-process{grid-template-columns:repeat(2,minmax(0,1fr))}.emenu-ops-commandbar{align-items:flex-start;flex-direction:column}.emenu-ops-command-actions{width:100%}.emenu-qr-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.emenu-ops-payment-grid{grid-template-columns:1fr}}
@media(max-width:720px){.emenu-ops-header{padding:17px;flex-direction:column}.emenu-ops-header h1{font-size:23px}.emenu-ops-user{text-align:left;grid-template-columns:auto auto}.emenu-ops-context{align-items:flex-start;flex-direction:column}.emenu-ops-context>div{align-items:flex-start;flex-direction:column;gap:2px}.emenu-ops-process{display:flex;overflow:auto}.emenu-ops-process-step{min-width:230px}.emenu-ops-kpis,.emenu-ops-kpis--4,.emenu-ops-split,.emenu-kds-kanban,.emenu-qr-grid,.emenu-ops-form--grid,.emenu-ops-staff-form,.emenu-ops-methods,.emenu-import-grid,.emenu-import-schema-grid{grid-template-columns:1fr}.emenu-order-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.emenu-ops-pay-card>div{grid-template-columns:1fr 1fr}.emenu-qr-card{grid-template-columns:86px 1fr}.emenu-qr-code{width:86px;height:86px}.emenu-qr-workflow{grid-template-columns:repeat(2,minmax(0,1fr))}.emenu-import-hero{align-items:flex-start;flex-direction:column}.emenu-import-card-actions{align-items:flex-start;flex-direction:column}.emenu-table-context{margin:8px 12px;align-items:flex-start;flex-direction:column}}
@media print{.emenu-ops-header,.emenu-ops-sidebar,.emenu-ops-context,.emenu-ops-process,.emenu-ops-commandbar,.emenu-qr-actions,.emenu-qr-card form{display:none!important}.emenu-qr-card{break-inside:avoid;border:1px solid #bbb}.emenu-qr-grid{grid-template-columns:repeat(3,1fr)}}


/* eMenu Restaurant OS 1.3.2 — readable, color-coded, icon-led workspace */
.emenu-ops-shell{font-size:14px;line-height:1.5}
.emenu-ops-header h1{font-size:34px}.emenu-ops-header p{font-size:14px}.emenu-ops-product{font-size:12px}
.emenu-ops-context strong{font-size:13px}.emenu-ops-context span,.emenu-ops-context b{font-size:12px}.emenu-ops-context select{font-size:13px}
.emenu-ops-process-step{min-height:78px;padding:13px 14px}.emenu-ops-process-step>b{width:40px;height:40px;font-size:15px}.emenu-ops-process-step span strong{font-size:15px}.emenu-ops-process-step span small{font-size:12px}
.emenu-ops-commandbar>div:first-child strong{font-size:14px}.emenu-ops-commandbar>div:first-child span{font-size:12px}.emenu-ops-command-actions>a{min-width:175px;padding:10px 12px}.emenu-ops-command-actions span strong{font-size:13px}.emenu-ops-command-actions span small{font-size:11px}
.emenu-ops-layout{grid-template-columns:282px minmax(0,1fr)!important}.emenu-nav-group{font-size:11px;padding:11px 11px 5px}.emenu-ops-sidebar .dc-manager-tab{grid-template-columns:42px 1fr 10px!important;min-height:48px;padding:9px 10px!important;font-size:14px!important}.emenu-nav-icon{width:38px;height:38px;font-size:17px;background:#f1f4f8}
.emenu-ops-content .dc-manager-card{padding:21px!important}.emenu-ops-content .dc-manager-subhead h3{font-size:19px!important;line-height:1.25}.dc-manager-muted{font-size:12px!important}
.emenu-ops-kpi span,.emenu-ops-kpi small{font-size:12px}.emenu-ops-kpi strong{font-size:28px}.emenu-ops-toolbar a{font-size:12px;padding:8px 10px}.emenu-ops-empty{font-size:13px}
.emenu-ops-badge{min-height:29px;padding:4px 10px;font-size:11px}.emenu-ops-table-wrap .dc-manager-table th,.emenu-ops-table-wrap .dc-manager-table td{font-size:13px!important;padding:12px 11px!important}.emenu-ops-table-wrap .dc-manager-table th{font-size:12px!important;text-transform:uppercase;letter-spacing:.025em}
.emenu-ops-form label,.emenu-ops-staff-form label{font-size:13px!important;font-weight:700}.emenu-ops-form input,.emenu-ops-form select,.emenu-ops-form textarea,.emenu-ops-staff-form input,.emenu-ops-staff-form select{font-size:14px!important;min-height:43px}.dc-manager-btn{font-size:13px!important;min-height:39px}
/* Per-tab colors: labels and icons are no longer visually identical. */
.emenu-ops-sidebar .tab-tong-quan .emenu-nav-icon{background:var(--ops-blue-soft);color:var(--ops-blue)}.emenu-ops-sidebar .tab-don-hang .emenu-nav-icon{background:var(--ops-orange-soft);color:var(--ops-orange)}.emenu-ops-sidebar .tab-bep .emenu-nav-icon{background:var(--ops-indigo-soft);color:var(--ops-indigo)}.emenu-ops-sidebar .tab-thu-ngan .emenu-nav-icon{background:var(--ops-green-soft);color:var(--ops-green)}.emenu-ops-sidebar .tab-mon .emenu-nav-icon{background:#f8efff;color:#7c3aed}.emenu-ops-sidebar .tab-combo .emenu-nav-icon{background:#fff0fa;color:#c026d3}.emenu-ops-sidebar .tab-import .emenu-nav-icon{background:var(--ops-cyan-soft);color:var(--ops-cyan)}.emenu-ops-sidebar .tab-ban-qr .emenu-nav-icon{background:var(--ops-teal-soft);color:var(--ops-teal)}.emenu-ops-sidebar .tab-kho .emenu-nav-icon{background:var(--ops-amber-soft);color:var(--ops-amber)}.emenu-ops-sidebar .tab-ke-toan .emenu-nav-icon{background:#eafaf0;color:#087b55}.emenu-ops-sidebar .tab-bao-cao .emenu-nav-icon{background:#edf5ff;color:#1d4ed8}.emenu-ops-sidebar .tab-nhan-vien .emenu-nav-icon{background:#f5efff;color:#6d28d9}.emenu-ops-sidebar .tab-audit .emenu-nav-icon{background:#edf1f5;color:#475569}.emenu-ops-sidebar .tab-cai-dat .emenu-nav-icon{background:#fff0f4;color:#be3144}
.emenu-ops-sidebar .dc-manager-tab.is-active{background:#f5f7fb!important;color:var(--ops-ink)!important;box-shadow:inset 4px 0 0 currentColor}.emenu-ops-sidebar .tab-tong-quan.is-active{color:var(--ops-blue)!important}.emenu-ops-sidebar .tab-don-hang.is-active{color:var(--ops-orange)!important}.emenu-ops-sidebar .tab-bep.is-active{color:var(--ops-indigo)!important}.emenu-ops-sidebar .tab-thu-ngan.is-active{color:var(--ops-green)!important}.emenu-ops-sidebar .tab-mon.is-active,.emenu-ops-sidebar .tab-combo.is-active{color:#7c3aed!important}.emenu-ops-sidebar .tab-import.is-active{color:var(--ops-cyan)!important}.emenu-ops-sidebar .tab-ban-qr.is-active{color:var(--ops-teal)!important}.emenu-ops-sidebar .tab-kho.is-active{color:var(--ops-amber)!important}.emenu-ops-sidebar .tab-ke-toan.is-active{color:var(--ops-green)!important}.emenu-ops-sidebar .tab-bao-cao.is-active{color:var(--ops-blue)!important}.emenu-ops-sidebar .tab-nhan-vien.is-active{color:#6d28d9!important}.emenu-ops-sidebar .tab-audit.is-active{color:#475569!important}.emenu-ops-sidebar .tab-cai-dat.is-active{color:var(--ops-red)!important}.emenu-ops-sidebar .dc-manager-tab.is-active .emenu-nav-icon{background:currentColor!important;color:#fff!important}
/* Section icons */
.emenu-section-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:15px;font-weight:900;background:#eef2f7}.emenu-section-icon.tone-violet{background:#f5efff;color:#7c3aed}.emenu-section-icon.tone-indigo{background:var(--ops-indigo-soft);color:var(--ops-indigo)}.emenu-section-icon.tone-green{background:var(--ops-green-soft);color:var(--ops-green)}.emenu-section-icon.tone-blue{background:var(--ops-blue-soft);color:var(--ops-blue)}
/* Menu drag/drop */
.emenu-sortable-table{min-width:1080px!important}.emenu-sort-col{width:64px;text-align:center}.emenu-drag-handle{width:38px;height:38px;border:1px solid #dbe1ea;border-radius:10px;background:#f7f9fc;color:#657286;font-size:20px;line-height:1;cursor:grab}.emenu-drag-handle:active{cursor:grabbing}.emenu-sortable-table tbody tr{transition:background .12s ease,opacity .12s ease}.emenu-sortable-table tbody tr:hover{background:#fbfcfe}.emenu-sortable-table tbody tr.is-dragging{opacity:.45;background:var(--ops-indigo-soft);outline:2px dashed var(--ops-indigo)}.emenu-sort-index{font-weight:800;color:#768196}.emenu-row-id{display:block;color:var(--ops-muted);font-size:10px;margin-top:3px}.emenu-menu-row-actions{display:flex;gap:5px;align-items:center}.emenu-move-btn{width:32px;height:32px;border:1px solid var(--ops-line);border-radius:8px;background:#fff;cursor:pointer;font-weight:900;color:#526075}.emenu-menu-order-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px}.emenu-menu-order-footer span{font-size:12px;color:var(--ops-muted)}.emenu-menu-order-footer span.is-dirty{color:var(--ops-indigo);font-weight:800}.emenu-menu-availability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.emenu-menu-availability-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;border:1px solid var(--ops-line);border-left:4px solid var(--ops-amber);border-radius:12px;background:#fff}.emenu-menu-availability-item.state-available{border-left-color:var(--ops-green)}.emenu-menu-availability-item span strong,.emenu-menu-availability-item span small{display:block}.emenu-menu-availability-item span strong{font-size:12px}.emenu-menu-availability-item span small{font-size:10px;color:var(--ops-muted)}.emenu-menu-availability-item button{border:0;border-radius:9px;padding:7px 9px;background:var(--ops-amber-soft);color:var(--ops-amber);font-size:10px;font-weight:800;cursor:pointer}.emenu-menu-availability-item.state-sold_out button,.emenu-menu-availability-item.state-paused button{background:var(--ops-green-soft);color:var(--ops-green)}
/* Settings visual controls */
.emenu-settings-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:14px;align-items:start}.emenu-settings-grid>section:last-child{grid-column:2}.emenu-settings-grid>section:nth-child(2){grid-column:2}.emenu-settings-visual{grid-row:span 2}.emenu-setting-block{display:grid;gap:9px;padding:13px;border:1px solid #edf0f4;border-radius:14px;background:#fbfcfd}.emenu-setting-title{font-size:13px!important;font-weight:900!important}.emenu-display-mode-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.emenu-display-option{position:relative;display:flex!important;align-items:center;gap:9px;padding:11px;border:1px solid #dfe5ed;border-radius:12px;background:#fff;cursor:pointer}.emenu-display-option input{position:absolute;opacity:0;pointer-events:none}.emenu-display-option>b{width:34px;height:34px;border-radius:9px;background:#f2f5f8;display:grid;place-items:center;font-size:18px}.emenu-display-option span strong,.emenu-display-option span small{display:block}.emenu-display-option span strong{font-size:12px}.emenu-display-option span small{font-size:10px;color:var(--ops-muted);margin-top:2px}.emenu-display-option.is-selected{border-color:var(--ops-indigo);background:var(--ops-indigo-soft);box-shadow:inset 0 0 0 1px var(--ops-indigo)}.emenu-display-option.is-selected>b{background:var(--ops-indigo);color:#fff}.emenu-color-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.emenu-color-grid label{display:grid!important;grid-template-columns:44px 1fr;grid-template-areas:'swatch label' 'swatch code';align-items:center;gap:2px 9px;padding:9px;border:1px solid #e5eaf1;border-radius:11px;background:#fff}.emenu-color-grid label span{grid-area:label;font-size:11px}.emenu-color-grid input[type=color]{grid-area:swatch;width:44px!important;height:44px!important;min-height:44px!important;padding:2px!important;border-radius:9px}.emenu-color-grid code{grid-area:code;font-size:10px;color:var(--ops-muted)}.emenu-theme-preview{overflow:hidden;border:1px solid #e5eaf1;border-radius:16px;background:var(--preview-surface,#fff)}.emenu-theme-preview .preview-header{display:flex;justify-content:space-between;padding:12px 14px;background:var(--preview-primary,#e8521a);color:#fff}.emenu-theme-preview .preview-header b{font-size:16px}.emenu-theme-preview .preview-header span{font-size:11px}.emenu-theme-preview .preview-content{padding:14px}.emenu-theme-preview .preview-chip{display:inline-flex;padding:5px 8px;border-radius:999px;background:color-mix(in srgb,var(--preview-primary) 12%,white);color:var(--preview-primary);font-size:10px;font-weight:800}.emenu-theme-preview .preview-card{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px;padding:13px;border:1px solid #e6e9ee;border-radius:12px}.emenu-theme-preview .preview-card b,.emenu-theme-preview .preview-card strong{font-size:13px}.emenu-theme-preview .preview-card button{grid-column:1/-1;border:0;border-radius:9px;padding:8px;background:var(--preview-primary);color:#fff;font-weight:800}.emenu-theme-preview .preview-card strong{color:var(--preview-accent)}
@media(max-width:1280px){.emenu-menu-availability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.emenu-settings-grid{grid-template-columns:1fr}.emenu-settings-grid>section,.emenu-settings-grid>section:last-child,.emenu-settings-grid>section:nth-child(2){grid-column:auto}.emenu-settings-visual{grid-row:auto}}
@media(max-width:900px){.emenu-display-mode-picker,.emenu-color-grid{grid-template-columns:1fr}.emenu-menu-availability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.emenu-ops-shell{font-size:13px}.emenu-ops-sidebar .dc-manager-tab{font-size:13px!important}.emenu-menu-availability-grid{grid-template-columns:1fr}.emenu-menu-order-footer{align-items:flex-start;flex-direction:column}.emenu-menu-order-footer .dc-manager-btn{width:100%}}

/* eMenu Restaurant OS 1.3.3 — full-page manager + colored quick actions + live operations rail */
body.is-emenu-manager .emenu-ops-shell{max-width:none!important;width:100%!important;margin:0!important}
.emenu-ops-layout{grid-template-columns:248px minmax(0,1fr) 294px!important;align-items:start}
.emenu-ops-content{min-width:0}

/* Quick actions: each operation has a strong, distinct visual identity. */
.emenu-ops-commandbar{background:#fff!important;color:var(--ops-ink)!important;border:1px solid var(--ops-line);padding:13px 14px!important;box-shadow:0 7px 24px rgba(25,40,72,.04)}
.emenu-command-title{min-width:175px!important}.emenu-command-title strong{font-size:14px!important}.emenu-command-title span{font-size:11px!important;color:var(--ops-muted)!important}
.emenu-ops-command-actions{display:grid!important;grid-template-columns:repeat(5,minmax(145px,1fr));gap:8px!important;overflow:visible!important;flex:1}
.emenu-ops-command-actions>a{position:relative;grid-template-columns:42px minmax(0,1fr) 15px!important;min-width:0!important;min-height:62px;padding:9px 10px!important;border:1px solid transparent;border-radius:13px!important;background:#f7f9fc!important;color:var(--ops-ink)!important;transition:transform .14s ease,border-color .14s ease,box-shadow .14s ease}
.emenu-ops-command-actions>a:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(24,35,60,.07)}
.emenu-ops-command-actions>a>b{width:42px!important;height:42px!important;border-radius:12px!important;display:grid!important;grid-template-rows:1fr auto;place-items:center!important;padding:3px 2px;background:#fff!important;color:inherit!important;border:1px solid currentColor}
.emenu-ops-command-actions>a>b i{font-style:normal;font-size:16px;line-height:1}.emenu-ops-command-actions>a>b small{font-size:8px;font-weight:900;line-height:1}
.emenu-ops-command-actions>a span strong{font-size:12px!important}.emenu-ops-command-actions>a span small{font-size:10px!important;color:var(--ops-muted)!important;white-space:normal}.emenu-ops-command-actions>a>em{font-style:normal;font-weight:900;opacity:.65}
.emenu-ops-command-actions>a.qa-teal{background:var(--ops-teal-soft)!important;color:var(--ops-teal)!important;border-color:var(--ops-teal-line)}
.emenu-ops-command-actions>a.qa-orange{background:var(--ops-orange-soft)!important;color:#c24717!important;border-color:var(--ops-orange-line)}
.emenu-ops-command-actions>a.qa-indigo{background:var(--ops-indigo-soft)!important;color:var(--ops-indigo)!important;border-color:var(--ops-indigo-line)}
.emenu-ops-command-actions>a.qa-green{background:var(--ops-green-soft)!important;color:var(--ops-green)!important;border-color:var(--ops-green-line)}
.emenu-ops-command-actions>a.qa-cyan{background:var(--ops-cyan-soft)!important;color:var(--ops-cyan)!important;border-color:var(--ops-cyan-line)}
.emenu-ops-command-actions>a span{color:var(--ops-ink)}

/* Persistent live note rail at the right edge. */
.emenu-live-rail{position:sticky;top:86px;display:grid;gap:11px;align-self:start;max-height:calc(100vh - 102px);overflow:auto;padding:12px;border:1px solid var(--ops-line);border-radius:17px;background:#fff;box-shadow:0 8px 26px rgba(25,40,72,.05)}
.emenu-live-head{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;padding:3px 2px 8px;border-bottom:1px solid #edf0f4}.emenu-live-head>div{display:grid;grid-template-columns:10px 1fr;gap:2px 7px;align-items:center}.emenu-live-dot{width:9px;height:9px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px #e9f8f1;animation:emenuLivePulse 1.8s ease-in-out infinite}.emenu-live-head strong{font-size:11px;letter-spacing:.08em}.emenu-live-head small{grid-column:2;font-size:9px;color:var(--ops-muted)}.emenu-live-head small b{font-weight:700;color:var(--ops-green)}.emenu-live-badge{padding:4px 7px;border-radius:999px;background:#e9f8f1;color:var(--ops-green);font-size:8px;font-weight:900;letter-spacing:.08em;border:1px solid var(--ops-green-line)}
.emenu-live-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.emenu-live-metric{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:center;min-height:82px;padding:9px;border:1px solid var(--ops-line);border-radius:13px;background:#f8fafc;color:var(--ops-ink)!important;text-decoration:none!important;overflow:hidden}.emenu-live-metric:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#94a3b8}.emenu-live-metric .metric-icon{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:#fff;font-size:14px;border:1px solid #e7ebf0}.emenu-live-metric span:last-child{min-width:0}.emenu-live-metric small,.emenu-live-metric strong,.emenu-live-metric em{display:block}.emenu-live-metric small{font-size:9px;font-weight:800;color:#556277}.emenu-live-metric strong{font-size:25px;line-height:1;margin:3px 0 4px;letter-spacing:-.035em}.emenu-live-metric em{font-size:8px;font-style:normal;color:var(--ops-muted);line-height:1.2}.emenu-live-metric.tone-orange{background:var(--ops-orange-soft);border-color:var(--ops-orange-line)}.emenu-live-metric.tone-orange:after{background:var(--ops-orange)}.emenu-live-metric.tone-red{background:var(--ops-red-soft);border-color:var(--ops-red-line)}.emenu-live-metric.tone-red:after{background:var(--ops-red)}.emenu-live-metric.tone-blue{background:var(--ops-blue-soft);border-color:var(--ops-blue-line)}.emenu-live-metric.tone-blue:after{background:var(--ops-blue)}.emenu-live-metric.tone-cyan{background:var(--ops-cyan-soft);border-color:var(--ops-cyan-line)}.emenu-live-metric.tone-cyan:after{background:var(--ops-cyan)}.emenu-live-metric.tone-amber{background:var(--ops-amber-soft);border-color:var(--ops-amber-line)}.emenu-live-metric.tone-amber:after{background:#d88b00}.emenu-live-metric.tone-violet{background:#f6f0ff;border-color:#e5d7ff}.emenu-live-metric.tone-violet:after{background:#7c3aed}
.emenu-live-metric.is-bump strong{animation:emenuCountJump .55s cubic-bezier(.2,.9,.3,1.3)}.emenu-live-rail.has-new-order{outline:2px solid var(--ops-orange);outline-offset:2px}.emenu-live-rail.has-new-order .emenu-live-badge{background:var(--ops-orange);border-color:var(--ops-orange);color:#fff;animation:emenuCountJump .55s ease}
.emenu-live-events{border-top:1px solid #edf0f4;padding-top:10px}.emenu-live-events-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.emenu-live-events-title strong{font-size:11px}.emenu-live-events-title a{font-size:9px;font-weight:800;text-decoration:none;color:var(--ops-blue)}.emenu-live-event{display:grid;grid-template-columns:7px 1fr;gap:7px;padding:8px 0;border-bottom:1px dashed #edf0f4}.emenu-live-event:last-child{border-bottom:0}.emenu-live-event>i{width:7px;height:7px;border-radius:50%;background:#94a3b8;margin-top:5px}.emenu-live-event>span{min-width:0}.emenu-live-event strong,.emenu-live-event small,.emenu-live-event em{display:block}.emenu-live-event strong{font-size:8px;text-transform:uppercase;color:#657286;letter-spacing:.03em}.emenu-live-event small{font-size:9px;line-height:1.35;color:var(--ops-ink);margin:2px 0}.emenu-live-event em{font-size:8px;color:#97a0ad;font-style:normal}.emenu-live-event.severity-warning>i{background:#f59e0b}.emenu-live-event.severity-success>i{background:#10b981}.emenu-live-event.severity-error>i{background:#ef4444}.emenu-live-empty{padding:12px;border-radius:10px;background:#f8fafc;color:var(--ops-muted);font-size:9px}
@keyframes emenuCountJump{0%{transform:scale(1)}35%{transform:scale(1.42);color:var(--ops-orange)}70%{transform:scale(.94)}100%{transform:scale(1)}}
@keyframes emenuLivePulse{0%,100%{opacity:1}50%{opacity:.35}}

/* Full page at desktop sizes; degrade the live rail gracefully on smaller screens. */
@media(max-width:1560px){.emenu-ops-layout{grid-template-columns:232px minmax(0,1fr) 270px!important}.emenu-live-metrics{grid-template-columns:1fr}.emenu-live-metric{min-height:64px}.emenu-ops-command-actions{grid-template-columns:repeat(3,minmax(145px,1fr))}}
@media(max-width:1180px){.emenu-ops-layout{grid-template-columns:220px minmax(0,1fr)!important}.emenu-live-rail{position:static;grid-column:1/-1;max-height:none}.emenu-live-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.emenu-ops-commandbar{align-items:flex-start;flex-direction:column}.emenu-ops-command-actions{width:100%}}
@media(max-width:820px){.emenu-ops-layout{grid-template-columns:1fr!important}.emenu-live-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.emenu-ops-command-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.emenu-command-title{min-width:0!important}}
@media(max-width:520px){.emenu-live-metrics,.emenu-ops-command-actions{grid-template-columns:1fr}.emenu-live-metric{min-height:60px}}

/* Color-code the 1→4 workflow itself, not only the selected step. */
.emenu-ops-process-step:nth-child(1){background:var(--ops-teal-soft);border-color:var(--ops-teal-line)}.emenu-ops-process-step:nth-child(1)>b{background:#d8f5ee;color:var(--ops-teal)}
.emenu-ops-process-step:nth-child(2){background:var(--ops-orange-soft);border-color:var(--ops-orange-line)}.emenu-ops-process-step:nth-child(2)>b{background:#ffe3d4;color:#c24717}
.emenu-ops-process-step:nth-child(3){background:var(--ops-green-soft);border-color:var(--ops-green-line)}.emenu-ops-process-step:nth-child(3)>b{background:#d7f2e6;color:var(--ops-green)}
.emenu-ops-process-step:nth-child(4){background:var(--ops-blue-soft);border-color:var(--ops-blue-line)}.emenu-ops-process-step:nth-child(4)>b{background:#dceaff;color:var(--ops-blue)}
.emenu-ops-process-step:nth-child(1).is-current{box-shadow:inset 0 0 0 2px var(--ops-teal)}.emenu-ops-process-step:nth-child(1).is-current>b{background:var(--ops-teal);color:#fff}.emenu-ops-process-step:nth-child(1).is-current>i{color:var(--ops-teal)}
.emenu-ops-process-step:nth-child(2).is-current{box-shadow:inset 0 0 0 2px var(--ops-orange)}.emenu-ops-process-step:nth-child(2).is-current>b{background:var(--ops-orange);color:#fff}.emenu-ops-process-step:nth-child(2).is-current>i{color:var(--ops-orange)}
.emenu-ops-process-step:nth-child(3).is-current{box-shadow:inset 0 0 0 2px var(--ops-green)}.emenu-ops-process-step:nth-child(3).is-current>b{background:var(--ops-green);color:#fff}.emenu-ops-process-step:nth-child(3).is-current>i{color:var(--ops-green)}
.emenu-ops-process-step:nth-child(4).is-current{box-shadow:inset 0 0 0 2px var(--ops-blue)}.emenu-ops-process-step:nth-child(4).is-current>b{background:var(--ops-blue);color:#fff}.emenu-ops-process-step:nth-child(4).is-current>i{color:var(--ops-blue)}

/* eMenu Restaurant OS 1.3.4 — tighter hierarchy, stable order table, section color zones, activity timeline */
body.is-emenu-manager{background:#f5f7fb}
body.is-emenu-manager .emenu-ops-shell{max-width:none!important;width:100%!important;margin:0!important;padding:0 2px}
.emenu-ops-header h1{font-size:27px!important;letter-spacing:-.025em!important}.emenu-ops-header{padding:22px 24px!important}.emenu-ops-header p{font-size:12px!important}
.emenu-ops-content .dc-manager-subhead h3{font-size:14px!important;line-height:1.3!important}.emenu-import-hero h2{font-size:23px!important}.emenu-setting-title{font-size:12px!important}

/* Narrower left navigation so operational data gets the space. */
.emenu-ops-layout{grid-template-columns:210px minmax(0,1fr) 282px!important;gap:14px!important}.emenu-ops-sidebar{padding:10px!important;border-radius:15px!important}.emenu-nav-group{font-size:9px!important;padding:7px 8px 3px!important}.emenu-ops-sidebar .dc-manager-tab{grid-template-columns:34px minmax(0,1fr) 8px!important;gap:7px!important;min-height:40px!important;padding:6px 7px!important;font-size:12px!important}.emenu-nav-icon{width:32px!important;height:32px!important;font-size:14px!important}.emenu-live-rail{border-radius:15px!important}

/* Quick actions can grow from 5 to 6+ without squeezing or breaking. */
.emenu-ops-command-actions{grid-template-columns:repeat(auto-fit,minmax(138px,1fr))!important}.emenu-ops-command-actions>a.qa-blue{background:var(--ops-blue-soft)!important;color:var(--ops-blue)!important;border-color:var(--ops-blue-line)}

/* Every major section gets a subtle visual zone; nested pairs intentionally differ. */
.emenu-ops-content>section.dc-manager-card:nth-of-type(5n+1){background:#fbfdff!important;border-color:#dfe9f8!important}
.emenu-ops-content>section.dc-manager-card:nth-of-type(5n+2){background:#fffaf6!important;border-color:#f4dfd2!important}
.emenu-ops-content>section.dc-manager-card:nth-of-type(5n+3){background:#f8fcf9!important;border-color:#dcecdf!important}
.emenu-ops-content>section.dc-manager-card:nth-of-type(5n+4){background:#fbf9ff!important;border-color:#e6dff5!important}
.emenu-ops-content>section.dc-manager-card:nth-of-type(5n+5){background:#fffdf5!important;border-color:#efe6c9!important}
.emenu-ops-split>.dc-manager-card:first-child{background:#f7fbff!important;border-color:#dce8f7!important}.emenu-ops-split>.dc-manager-card:last-child{background:#f8fcf9!important;border-color:#dcebdd!important}
.emenu-settings-grid>.dc-manager-card:nth-child(1){background:#fbf9ff!important;border-color:#e7def7!important}.emenu-settings-grid>.dc-manager-card:nth-child(2){background:#f7fbff!important;border-color:#dce8f7!important}.emenu-settings-grid>.dc-manager-card:nth-child(3){background:#f8fcf9!important;border-color:#dcebdd!important}
.emenu-orders-board{background:#fffaf6!important;border-color:var(--ops-orange-line)!important}.emenu-kds-board{background:#f8f7ff!important;border-color:var(--ops-indigo-line)!important}.emenu-import-center .dc-manager-card{background:#f7fcff!important;border-color:#d6edf6!important}
.emenu-ops-content .dc-manager-card{position:relative}.emenu-ops-content .dc-manager-card:after{content:"";position:absolute;left:18px;right:18px;top:0;height:2px;border-radius:0 0 4px 4px;background:rgba(100,116,139,.16)}.emenu-orders-board:after{background:var(--ops-orange)!important}.emenu-kds-board:after{background:var(--ops-indigo)!important}.emenu-activity-board:after{background:var(--ops-blue)!important}

/* Orders: fixed, predictable column geometry. No header/cell collision. */
.emenu-order-table{width:100%!important;min-width:1040px!important;table-layout:fixed!important}.emenu-order-table th,.emenu-order-table td{vertical-align:top!important;overflow-wrap:anywhere}.emenu-order-table th{white-space:nowrap!important;font-size:10px!important;letter-spacing:.02em}.emenu-order-table th:nth-child(1),.emenu-order-table td:nth-child(1){width:7%}.emenu-order-table th:nth-child(2),.emenu-order-table td:nth-child(2){width:13%}.emenu-order-table th:nth-child(3),.emenu-order-table td:nth-child(3){width:17%}.emenu-order-table th:nth-child(4),.emenu-order-table td:nth-child(4){width:10%}.emenu-order-table th:nth-child(5),.emenu-order-table td:nth-child(5){width:12%}.emenu-order-table th:nth-child(6),.emenu-order-table td:nth-child(6){width:10%}.emenu-order-table th:nth-child(7),.emenu-order-table td:nth-child(7){width:31%}.emenu-order-state-form{display:grid!important;grid-template-columns:minmax(110px,.8fr) minmax(135px,1fr) auto!important;gap:5px!important;min-width:0!important;width:100%!important}.emenu-order-state-form select,.emenu-order-state-form input,.emenu-order-state-form button{min-width:0!important;width:100%!important}.emenu-order-state-form button{width:auto!important;white-space:nowrap}.emenu-order-actions{margin-bottom:7px!important}.emenu-order-row td:nth-child(3) small{line-height:1.35}.emenu-order-summary{grid-template-columns:repeat(7,minmax(108px,1fr))!important;overflow-x:auto;padding-bottom:2px}

/* Dedicated human-readable operational log. */
.emenu-activity-board{background:#f7fbff!important;border-color:var(--ops-blue-line)!important}.emenu-activity-head{align-items:center!important}.emenu-activity-filter{display:flex;align-items:end;gap:8px;flex-wrap:wrap;padding:10px 11px;margin-bottom:11px;border:1px solid #dfe8f4;border-radius:12px;background:#fff}.emenu-activity-filter label{display:grid!important;gap:4px;min-width:155px}.emenu-activity-filter label span{font-size:9px;font-weight:800;color:#657286;text-transform:uppercase;letter-spacing:.05em}.emenu-activity-filter input,.emenu-activity-filter select{min-height:36px;border:1px solid #dce3ec;border-radius:9px;background:#fff;padding:6px 8px!important;font-size:11px}.emenu-activity-filter button,.emenu-activity-filter a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:7px 11px;border:0;border-radius:9px;background:#172033;color:#fff!important;text-decoration:none!important;font-size:10px;font-weight:800}.emenu-activity-filter a{background:#eef3f8;color:#3c506d!important}
.emenu-activity-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:10px}.emenu-activity-kpi{position:relative;overflow:hidden;padding:10px 11px;border:1px solid #e2e8f0;border-radius:11px;background:#fff}.emenu-activity-kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#94a3b8}.emenu-activity-kpi span{display:block;font-size:9px;color:#657286;font-weight:800}.emenu-activity-kpi strong{display:block;font-size:21px;line-height:1;margin-top:5px}.emenu-activity-kpi.tone-orange{background:var(--ops-orange-soft);border-color:var(--ops-orange-line)}.emenu-activity-kpi.tone-orange:before{background:var(--ops-orange)}.emenu-activity-kpi.tone-blue{background:var(--ops-blue-soft);border-color:var(--ops-blue-line)}.emenu-activity-kpi.tone-blue:before{background:var(--ops-blue)}.emenu-activity-kpi.tone-green{background:var(--ops-green-soft);border-color:var(--ops-green-line)}.emenu-activity-kpi.tone-green:before{background:var(--ops-green)}.emenu-activity-kpi.tone-amber{background:var(--ops-amber-soft);border-color:var(--ops-amber-line)}.emenu-activity-kpi.tone-amber:before{background:var(--ops-amber)}.emenu-activity-kpi.tone-red{background:var(--ops-red-soft);border-color:var(--ops-red-line)}.emenu-activity-kpi.tone-red:before{background:var(--ops-red)}
.emenu-activity-toolbar{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;background:#edf4fb;color:#536174;font-size:10px}.emenu-activity-toolbar strong{color:#172033}.emenu-activity-toolbar em{margin-left:auto;font-style:normal;color:var(--ops-green);font-weight:800}.emenu-activity-list{display:grid;margin-top:8px;border:1px solid #dfe7f1;border-radius:13px;overflow:hidden;background:#fff}.emenu-activity-item{position:relative;display:grid;grid-template-columns:66px 38px minmax(0,1fr) 120px;gap:10px;align-items:start;padding:10px 12px;border-bottom:1px solid #edf1f5;background:#fff}.emenu-activity-item:last-child{border-bottom:0}.emenu-activity-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#94a3b8}.emenu-activity-item.tone-orange:before{background:var(--ops-orange)}.emenu-activity-item.tone-blue:before{background:var(--ops-blue)}.emenu-activity-item.tone-green:before{background:var(--ops-green)}.emenu-activity-item.tone-violet:before{background:#7c3aed}.emenu-activity-item.tone-amber:before{background:var(--ops-amber)}.emenu-activity-item.tone-cyan:before{background:var(--ops-cyan)}.emenu-activity-item.tone-teal:before{background:var(--ops-teal)}.emenu-activity-item time{font-size:11px;font-weight:900;color:#34445c;padding-top:7px}.emenu-activity-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#f0f4f8;font-size:15px}.emenu-activity-copy{min-width:0}.emenu-activity-copy>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.emenu-activity-copy>div>strong{font-size:11px}.emenu-activity-copy p{margin:3px 0 2px;font-size:12px;line-height:1.4;color:#172033}.emenu-activity-copy small{display:block;font-size:9px;color:#7b8797}.emenu-activity-side{display:grid;justify-items:end;gap:5px;padding-top:4px}.emenu-activity-side a{font-size:9px;font-weight:800;color:var(--ops-blue)!important;text-decoration:none}.emenu-activity-side span{font-size:8px;font-weight:900;letter-spacing:.05em;color:#64748b}.emenu-activity-side .severity-warning{color:#b66c00}.emenu-activity-side .severity-error{color:var(--ops-red)}.emenu-activity-side .severity-success{color:var(--ops-green)}.emenu-activity-item.is-new{animation:emenuActivityIn .65s ease;background:#fffef3}@keyframes emenuActivityIn{0%{transform:translateY(-7px);opacity:.2}100%{transform:translateY(0);opacity:1}}

@media(max-width:1560px){.emenu-ops-layout{grid-template-columns:196px minmax(0,1fr) 258px!important}.emenu-ops-sidebar .dc-manager-tab{font-size:11px!important}.emenu-live-metrics{grid-template-columns:1fr}.emenu-activity-item{grid-template-columns:58px 36px minmax(0,1fr) 105px}.emenu-activity-kpis{grid-template-columns:repeat(5,minmax(95px,1fr));overflow-x:auto}}
@media(max-width:1180px){.emenu-ops-layout{grid-template-columns:190px minmax(0,1fr)!important}.emenu-live-rail{grid-column:1/-1!important}.emenu-activity-kpis{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}}
@media(max-width:820px){.emenu-ops-header h1{font-size:23px!important}.emenu-activity-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.emenu-activity-item{grid-template-columns:52px 34px minmax(0,1fr)}.emenu-activity-side{grid-column:3;justify-items:start}.emenu-order-table{min-width:980px!important}}
@media(max-width:520px){.emenu-activity-kpis{grid-template-columns:1fr}.emenu-activity-filter label{min-width:100%;width:100%}.emenu-activity-filter button,.emenu-activity-filter a{flex:1}.emenu-activity-item{grid-template-columns:45px minmax(0,1fr);gap:8px}.emenu-activity-icon{display:none}.emenu-activity-side{grid-column:2}.emenu-activity-copy p{font-size:11px}}
.emenu-ops-badge.orange{background:var(--ops-orange-soft);color:#c24717;border-color:var(--ops-orange-line)}.emenu-ops-badge.blue{background:var(--ops-blue-soft);color:var(--ops-blue);border-color:var(--ops-blue-line)}.emenu-ops-badge.green{background:var(--ops-green-soft);color:var(--ops-green);border-color:var(--ops-green-line)}.emenu-ops-badge.violet{background:#f6f0ff;color:#7c3aed;border-color:#e5d7ff}.emenu-ops-badge.amber{background:var(--ops-amber-soft);color:var(--ops-amber);border-color:var(--ops-amber-line)}.emenu-ops-badge.cyan{background:var(--ops-cyan-soft);color:var(--ops-cyan);border-color:var(--ops-cyan-line)}.emenu-ops-badge.teal{background:var(--ops-teal-soft);color:var(--ops-teal);border-color:var(--ops-teal-line)}.emenu-ops-badge.slate{background:#eef2f7;color:#526075;border-color:#dde4ec}

/* eMenu Restaurant OS 1.3.4 final dashboard polish — balanced desktop + mobile-first operational cards */
body.is-emenu-manager{overflow-x:hidden;background:#f3f6fa}
body.is-emenu-manager .site-header,body.is-emenu-manager .site-footer{display:none!important}
body.is-emenu-manager .site-main{padding-top:6px!important}
body.is-emenu-manager .container{max-width:none!important;width:100%!important;padding-left:8px!important;padding-right:8px!important}
body.is-emenu-manager .dc-page-wrap{padding-bottom:20px!important}
.emenu-ops-shell{max-width:none!important;width:100%!important;margin:0!important}
.emenu-ops-header{padding:18px 20px!important;margin-bottom:10px!important;border-radius:15px!important}
.emenu-ops-header h1{font-size:24px!important;line-height:1.18!important;margin:3px 0 5px!important;font-weight:650!important}
.emenu-ops-header p{font-size:11px!important}
.emenu-ops-product{font-size:9px!important}
.emenu-ops-layout{grid-template-columns:184px minmax(0,1fr) 268px!important;gap:11px!important}
.emenu-ops-sidebar{padding:8px!important;border-radius:13px!important;top:12px!important;max-height:calc(100vh - 24px)!important}
.emenu-ops-sidebar .dc-manager-tab{grid-template-columns:30px minmax(0,1fr) 7px!important;gap:6px!important;min-height:36px!important;padding:5px 6px!important;font-size:11px!important;border-radius:9px!important}
.emenu-nav-icon{width:29px!important;height:29px!important;border-radius:8px!important;font-size:13px!important}
.emenu-nav-group{padding:6px 7px 2px!important;font-size:8px!important;letter-spacing:.08em!important}
.emenu-ops-content{gap:10px!important}
.emenu-ops-content .dc-manager-card{padding:15px!important;border-radius:14px!important}
.emenu-ops-content .dc-manager-subhead{margin-bottom:10px!important}
.emenu-ops-content .dc-manager-subhead h3{font-size:13px!important;font-weight:750!important}
.emenu-ops-content .dc-manager-subhead .dc-manager-muted{font-size:10px!important}
.emenu-live-rail{padding:10px!important;border-radius:13px!important;top:12px!important;max-height:calc(100vh - 24px)!important}

/* Deliberate section color zones: each operational block is visually distinct. */
.emenu-ops-content>section.dc-manager-card:nth-of-type(6n+1){background:#f6fbff!important;border-color:#d7e9f8!important}
.emenu-ops-content>section.dc-manager-card:nth-of-type(6n+2){background:#fff9f4!important;border-color:#f4dfcf!important}
.emenu-ops-content>section.dc-manager-card:nth-of-type(6n+3){background:#f5fbf8!important;border-color:#d7eadf!important}
.emenu-ops-content>section.dc-manager-card:nth-of-type(6n+4){background:#faf7ff!important;border-color:#e6dcf4!important}
.emenu-ops-content>section.dc-manager-card:nth-of-type(6n+5){background:#fffbed!important;border-color:#eee2ba!important}
.emenu-ops-content>section.dc-manager-card:nth-of-type(6n+6){background:#f8f9fb!important;border-color:#e0e4ea!important}
.emenu-ops-split>.dc-manager-card:nth-child(1){background:#f5faff!important;border-color:#d8e8f6!important}
.emenu-ops-split>.dc-manager-card:nth-child(2){background:#f5fbf7!important;border-color:#d7eadc!important}
.emenu-orders-board{background:#fff8f2!important;border-color:#f2d4c2!important}
.emenu-kds-board{background:#f7f6ff!important;border-color:#dcd9fa!important}
.emenu-activity-board{background:#f4f9ff!important;border-color:#d7e7f8!important}

/* Desktop order table: one stable geometry for header and rows. */
.emenu-order-table{width:100%!important;min-width:1040px!important;table-layout:fixed!important;border-collapse:separate!important;border-spacing:0!important}
.emenu-order-table col.col-order{width:8%}.emenu-order-table col.col-table{width:14%}.emenu-order-table col.col-items{width:18%}.emenu-order-table col.col-total{width:10%}.emenu-order-table col.col-status{width:13%}.emenu-order-table col.col-payment{width:11%}.emenu-order-table col.col-actions{width:26%}
.emenu-order-table th,.emenu-order-table td{width:auto!important;max-width:none!important;padding:10px 9px!important}
.emenu-order-table th{font-size:10px!important;font-weight:800!important;white-space:nowrap!important;background:#eef2f6!important;color:#526075!important;border-bottom:1px solid #dfe5ec!important}
.emenu-order-table td{font-size:11px!important;background:rgba(255,255,255,.84)!important}
.emenu-order-table tbody tr:nth-child(even) td{background:rgba(248,250,252,.88)!important}
.emenu-order-state-form{grid-template-columns:minmax(105px,.8fr) minmax(125px,1fr) auto!important;gap:5px!important;min-width:0!important;width:100%!important}
.emenu-order-state-form select,.emenu-order-state-form input,.emenu-order-state-form button{font-size:10px!important;min-height:32px!important}
.emenu-order-state-form button{padding:6px 8px!important}

/* Add color to the activity tab as well. */
.emenu-ops-sidebar .tab-hoat-dong .emenu-nav-icon{background:var(--ops-blue-soft);color:#0f6fca}
.emenu-ops-sidebar .tab-hoat-dong.is-active{color:#0f6fca!important}

/* Tablet: keep the dashboard contained; no page-level horizontal overflow. */
@media(max-width:1280px){
  .emenu-ops-layout{grid-template-columns:174px minmax(0,1fr)!important}
  .emenu-live-rail{position:static!important;grid-column:1/-1!important;max-height:none!important}
  .emenu-live-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .emenu-kds-kanban{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .emenu-ops-commandbar{align-items:flex-start!important;flex-direction:column!important}
  .emenu-ops-command-actions{width:100%!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
}

/* Mobile dashboard: cards instead of a desktop table / four-column taskboard. */
@media(max-width:820px){
  body.is-emenu-manager .container{padding-left:5px!important;padding-right:5px!important}
  body.is-emenu-manager .dc-page-wrap{padding-bottom:12px!important}
  .emenu-ops-shell{padding:0!important;font-size:13px!important;overflow:visible!important}
  .emenu-ops-header{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;padding:14px!important;margin-bottom:8px!important}
  .emenu-ops-header h1{font-size:20px!important;line-height:1.2!important}
  .emenu-ops-header p{font-size:11px!important;line-height:1.45!important}
  .emenu-ops-user{display:grid!important;grid-template-columns:1fr 1fr!important;min-width:0!important;width:100%!important;text-align:left!important;gap:6px!important}
  .emenu-ops-user span,.emenu-ops-user strong{min-width:0;overflow-wrap:anywhere}
  .emenu-ops-user a{display:flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:8px!important;border-radius:9px!important;border:1px solid var(--ops-line)!important;background:#fff!important}
  .emenu-ops-user .emenu-header-primary{background:var(--ops-orange)!important;border-color:var(--ops-orange)!important;color:#fff!important}
  .emenu-ops-context{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:10px!important}
  .emenu-ops-context>div{display:grid!important;gap:2px!important}.emenu-ops-context form,.emenu-ops-context select{width:100%!important;min-width:0!important}

  .emenu-ops-process{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-bottom:8px!important}
  .emenu-ops-process-step{grid-template-columns:30px minmax(0,1fr)!important;gap:7px!important;min-height:56px!important;padding:8px!important;border-radius:11px!important}
  .emenu-ops-process-step>b{width:29px!important;height:29px!important;border-radius:9px!important;font-size:11px!important}.emenu-ops-process-step>i{display:none!important}
  .emenu-ops-process-step span strong{font-size:11px!important}.emenu-ops-process-step span small{font-size:8px!important;line-height:1.25!important}

  .emenu-ops-commandbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;padding:10px!important;margin-bottom:8px!important;border-radius:11px!important}
  .emenu-command-title{min-width:0!important}.emenu-command-title strong{font-size:12px!important}.emenu-command-title span{font-size:9px!important}
  .emenu-ops-command-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%!important;overflow:visible!important}
  .emenu-ops-command-actions>a{grid-template-columns:36px minmax(0,1fr)!important;min-height:55px!important;padding:7px!important;border-radius:10px!important}.emenu-ops-command-actions>a>b{width:35px!important;height:35px!important;border-radius:9px!important}.emenu-ops-command-actions>a>em{display:none!important}.emenu-ops-command-actions>a span strong{font-size:11px!important}.emenu-ops-command-actions>a span small{font-size:8px!important;line-height:1.25!important}

  .emenu-ops-layout{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;width:100%!important;min-width:0!important}
  .emenu-ops-sidebar{position:sticky!important;top:0!important;z-index:30!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:5px!important;width:100%!important;max-width:100%!important;max-height:none!important;padding:6px!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap!important;border-radius:10px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 5px 16px rgba(20,35,60,.07)!important;scrollbar-width:thin}
  .emenu-nav-group,.emenu-nav-divider{display:none!important}
  .emenu-ops-sidebar .dc-manager-tab{display:grid!important;grid-template-columns:27px auto!important;flex:0 0 auto!important;width:auto!important;min-width:max-content!important;min-height:34px!important;padding:4px 7px 4px 4px!important;gap:5px!important;border:1px solid #e6eaf0!important;background:#f8fafc!important;border-radius:9px!important;font-size:10px!important}
  .emenu-ops-sidebar .dc-manager-tab.is-active{background:#fff!important;border-color:currentColor!important;box-shadow:inset 0 -3px 0 currentColor!important}
  .emenu-ops-sidebar .dc-manager-tab i{display:none!important}.emenu-nav-icon{width:26px!important;height:26px!important;font-size:12px!important}

  .emenu-ops-content{width:100%!important;min-width:0!important;gap:8px!important}
  .emenu-ops-content .dc-manager-card{width:100%!important;min-width:0!important;padding:11px!important;border-radius:11px!important;overflow:hidden!important}
  .emenu-ops-content .dc-manager-subhead{display:flex!important;align-items:flex-start!important;flex-wrap:wrap!important;gap:7px!important}.emenu-ops-content .dc-manager-subhead h3{font-size:12px!important}.emenu-ops-toolbar{width:100%!important}.emenu-ops-toolbar a{flex:1 1 auto!important;justify-content:center!important}

  .emenu-ops-kpis,.emenu-ops-kpis--4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important}.emenu-ops-kpi{padding:10px!important;border-radius:11px!important}.emenu-ops-kpi strong{font-size:18px!important}.emenu-ops-kpi span,.emenu-ops-kpi small{font-size:9px!important}
  .emenu-ops-split{grid-template-columns:1fr!important;gap:8px!important}

  .emenu-order-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;overflow:visible!important}.emenu-order-summary-card{min-height:74px!important;padding:9px!important}.emenu-order-summary-card strong{font-size:19px!important}.emenu-order-summary-card span{font-size:9px!important}.emenu-order-summary-card small{font-size:8px!important}
  .emenu-status-legend{align-items:flex-start!important;padding:8px!important}.emenu-status-legend>strong{width:100%!important}.emenu-ops-status-filter{max-width:100%!important;overflow-x:auto!important;padding-bottom:8px!important}

  .emenu-orders-board .emenu-ops-table-wrap{overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important}
  .emenu-order-table,.emenu-orders-board .emenu-order-table{display:block!important;width:100%!important;min-width:0!important;table-layout:auto!important;border:0!important}
  .emenu-order-table colgroup,.emenu-order-table thead{display:none!important}
  .emenu-order-table tbody{display:grid!important;gap:8px!important;width:100%!important}
  .emenu-order-table tr.emenu-order-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:0!important;width:100%!important;border:1px solid #dfe5ec!important;border-left:4px solid #cfd6df!important;border-radius:11px!important;background:#fff!important;overflow:hidden!important;box-shadow:0 4px 12px rgba(20,35,60,.035)!important}
  .emenu-order-row.status-confirmed,.emenu-order-row.status-draft{border-left-color:var(--ops-orange)!important}.emenu-order-row.status-in-kitchen{border-left-color:var(--ops-indigo)!important}.emenu-order-row.status-preparing{border-left-color:var(--ops-blue)!important}.emenu-order-row.status-partially-ready,.emenu-order-row.status-ready{border-left-color:var(--ops-cyan)!important}.emenu-order-row.status-served{border-left-color:var(--ops-teal)!important}.emenu-order-row.status-checkout{border-left-color:var(--ops-amber)!important}.emenu-order-row.status-paid,.emenu-order-row.status-closed{border-left-color:var(--ops-green)!important}.emenu-order-row.status-cancelled,.emenu-order-row.status-refunded,.emenu-order-row.status-partial-refund,.emenu-order-row.status-void{border-left-color:var(--ops-red)!important}
  .emenu-order-table tr.emenu-order-row td{display:block!important;width:auto!important;min-width:0!important;max-width:none!important;padding:9px!important;border:0!important;border-bottom:1px solid #edf1f5!important;background:#fff!important;overflow:visible!important}
  .emenu-order-table tr.emenu-order-row td:nth-child(odd){border-right:1px solid #edf1f5!important}.emenu-order-table tr.emenu-order-row td:before{content:attr(data-label);display:block!important;margin-bottom:4px!important;font-size:8px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:#8792a2!important}
  .emenu-order-table tr.emenu-order-row td:first-child{border-left:0!important}.emenu-order-table tr.emenu-order-row td:nth-last-child(1){grid-column:1/-1!important;border-right:0!important;border-bottom:0!important;background:#f8fafc!important}.emenu-order-table tr.emenu-order-row td:nth-child(6){border-right:0!important}
  .emenu-order-id,.emenu-order-total{font-size:13px!important}.emenu-order-row td>small{font-size:9px!important;line-height:1.3!important}.emenu-ops-badge{font-size:9px!important;min-height:23px!important;padding:3px 7px!important}
  .emenu-order-actions{gap:5px!important}.emenu-order-actions a{flex:1 1 auto!important;text-align:center!important;min-height:34px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:9px!important}
  .emenu-order-state-form{display:grid!important;grid-template-columns:1fr!important;gap:6px!important;width:100%!important;min-width:0!important;margin-top:7px!important}.emenu-order-state-form select,.emenu-order-state-form input,.emenu-order-state-form button{width:100%!important;max-width:none!important;min-width:0!important;min-height:38px!important;font-size:12px!important}.emenu-order-state-form button{padding:8px!important}

  /* KDS taskboard becomes a vertical workflow on phones/tablets. */
  .emenu-kds-board{padding:10px!important}.emenu-kds-kanban{display:grid!important;grid-template-columns:1fr!important;gap:8px!important;width:100%!important}.emenu-kds-lane{width:100%!important;min-width:0!important;border-radius:11px!important}.emenu-kds-lane>header{padding:9px 10px!important;position:sticky!important;top:47px!important;z-index:3!important}.emenu-kds-lane-list{padding:6px!important}.emenu-kds-ticket{padding:10px!important;border-radius:10px!important}.emenu-kds-ticket h4{font-size:13px!important;margin:7px 0 5px!important}.emenu-kds-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.emenu-kds-actions form{min-width:0!important}.emenu-kds-actions button{min-height:38px!important;font-size:11px!important}

  .emenu-live-rail{position:static!important;grid-column:auto!important;width:100%!important;max-width:100%!important;max-height:none!important;padding:10px!important;border-radius:11px!important;overflow:hidden!important}.emenu-live-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.emenu-live-metric{min-width:0!important;min-height:66px!important;padding:8px!important}.emenu-live-metric strong{font-size:20px!important}.emenu-live-events{max-width:100%!important}.emenu-live-event small{overflow-wrap:anywhere!important}

  .emenu-activity-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:visible!important}.emenu-activity-filter{display:grid!important;grid-template-columns:1fr!important;align-items:stretch!important}.emenu-activity-filter label{width:100%!important;min-width:0!important}.emenu-activity-filter input,.emenu-activity-filter select,.emenu-activity-filter button,.emenu-activity-filter a{width:100%!important;min-width:0!important}.emenu-activity-toolbar{display:flex!important;flex-wrap:wrap!important;gap:5px!important}.emenu-activity-toolbar em{width:100%!important;margin-left:0!important}.emenu-activity-item{grid-template-columns:48px minmax(0,1fr)!important;gap:7px!important;padding:9px!important}.emenu-activity-icon{display:none!important}.emenu-activity-copy{grid-column:2!important}.emenu-activity-side{grid-column:2!important;display:flex!important;justify-content:flex-start!important;justify-items:start!important;gap:8px!important}.emenu-activity-copy p{font-size:11px!important;overflow-wrap:anywhere!important}

  .emenu-ops-payment-grid,.emenu-ops-methods,.emenu-qr-workflow,.emenu-qr-grid,.emenu-import-grid,.emenu-import-schema-grid,.emenu-ops-form--grid,.emenu-ops-staff-form,.emenu-settings-grid,.emenu-menu-availability-grid{grid-template-columns:1fr!important}
  .emenu-ops-pay-card>div{grid-template-columns:1fr!important}.emenu-ops-staff-inline{min-width:0!important}.emenu-qr-card{grid-template-columns:84px minmax(0,1fr)!important}.emenu-qr-code{width:84px!important;height:84px!important}.emenu-qr-code img,.emenu-qr-code canvas{max-width:78px!important;max-height:78px!important}
  .emenu-import-hero{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}.emenu-import-hero h2{font-size:18px!important}.emenu-import-steps{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.emenu-import-steps i{display:none!important}
  .emenu-sortable-table{min-width:760px!important}.emenu-ops-table-wrap{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .emenu-ops-form input,.emenu-ops-form select,.emenu-ops-form textarea,.emenu-ops-filter input,.emenu-ops-filter select,.emenu-ops-inline-form input,.emenu-ops-inline-form select,.emenu-ops-inline-form button{max-width:100%!important}
}

@media(max-width:480px){
  .emenu-ops-process{grid-template-columns:1fr!important}.emenu-ops-process-step{min-height:48px!important}
  .emenu-ops-command-actions{grid-template-columns:1fr!important}.emenu-ops-command-actions>a{min-height:49px!important}
  .emenu-ops-kpis,.emenu-ops-kpis--4{grid-template-columns:1fr!important}.emenu-order-summary{grid-template-columns:1fr 1fr!important}
  .emenu-order-table tr.emenu-order-row{grid-template-columns:1fr!important}.emenu-order-table tr.emenu-order-row td:nth-child(odd){border-right:0!important}.emenu-order-table tr.emenu-order-row td:nth-last-child(1){grid-column:auto!important}
  .emenu-live-metrics,.emenu-activity-kpis{grid-template-columns:1fr!important}.emenu-kds-actions{grid-template-columns:1fr!important}.emenu-import-steps{grid-template-columns:1fr!important}
  .emenu-ops-user{grid-template-columns:1fr!important}.emenu-qr-card{grid-template-columns:72px minmax(0,1fr)!important}.emenu-qr-code{width:72px!important;height:72px!important}.emenu-qr-code img,.emenu-qr-code canvas{max-width:66px!important;max-height:66px!important}
}
.emenu-feed-head-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.emenu-feed-head-actions>a{display:inline-flex;align-items:center;min-height:29px;padding:5px 8px;border-radius:8px;background:var(--ops-blue-soft);border:1px solid var(--ops-blue-line);color:var(--ops-blue)!important;text-decoration:none!important;font-size:9px;font-weight:800}
@media(max-width:820px){.emenu-feed-head-actions{width:100%;justify-content:space-between}.emenu-feed-head-actions>a{font-size:9px}}

/* 1.3.4 dashboard hotfix — compact order list, no rail collision, stronger mobile containment */
.emenu-ops-layout{grid-template-columns:170px minmax(0,1fr) 244px!important;gap:10px!important;align-items:start!important}
.emenu-ops-layout>*{min-width:0!important;max-width:100%}
.emenu-ops-sidebar{padding:7px!important}
.emenu-ops-header h1{font-size:22px!important;font-weight:650!important}
.emenu-ops-content .dc-manager-subhead h3{font-size:12px!important}
.emenu-live-rail{width:100%!important;min-width:0!important;overflow:hidden!important}

/* Order filters wrap on desktop instead of creating one extra-wide ribbon. */
.emenu-status-legend{display:flex!important;flex-wrap:wrap!important;gap:5px!important;align-items:center!important}
.emenu-status-legend .legend{white-space:nowrap!important}
.emenu-ops-status-filter{display:flex!important;flex-wrap:wrap!important;gap:5px!important;overflow:visible!important}
.emenu-ops-status-filter>a{flex:0 0 auto!important;min-width:0!important;padding:6px 8px!important;font-size:9px!important}

/* Stable full-width order table. Item names are short dash bullets, actions stay compact. */
.emenu-orders-board,.emenu-orders-board .emenu-ops-table-wrap{min-width:0!important;max-width:100%!important}
.emenu-orders-board .emenu-ops-table-wrap{overflow-x:auto!important;overflow-y:visible!important}
.emenu-order-table{width:100%!important;min-width:0!important;table-layout:fixed!important}
.emenu-order-table col.col-order{width:7%!important}.emenu-order-table col.col-table{width:14%!important}.emenu-order-table col.col-items{width:17%!important}.emenu-order-table col.col-total{width:10%!important}.emenu-order-table col.col-status{width:13%!important}.emenu-order-table col.col-payment{width:12%!important}.emenu-order-table col.col-actions{width:27%!important}
.emenu-order-table th,.emenu-order-table td{padding:9px 7px!important;overflow:hidden!important;text-overflow:ellipsis!important}
.emenu-order-table td .emenu-ops-badge{max-width:100%!important;white-space:normal!important;line-height:1.25!important;text-align:center!important;justify-content:center!important}
.emenu-order-items-mini{display:grid!important;gap:3px!important;margin:0!important;padding:0!important;list-style:none!important}
.emenu-order-items-mini li{position:relative!important;margin:0!important;padding-left:9px!important;font-size:10px!important;line-height:1.3!important;color:#39465a!important;white-space:normal!important;overflow-wrap:anywhere!important}
.emenu-order-items-mini li:before{content:"–"!important;position:absolute!important;left:0!important;color:#8994a4!important;font-weight:800!important}
.emenu-order-items-more{display:block!important;margin-top:4px!important;font-size:8px!important;color:#8a94a3!important}
.emenu-order-actions{display:flex!important;flex-wrap:wrap!important;gap:4px!important;margin:0!important}
.emenu-order-actions a{min-height:28px!important;padding:5px 7px!important;font-size:9px!important;line-height:1!important;border-radius:7px!important}
.emenu-order-update{margin-top:6px!important;border:1px solid #dfe5ec!important;border-radius:8px!important;background:#fff!important;overflow:hidden!important}
.emenu-order-update summary{cursor:pointer!important;list-style:none!important;padding:6px 8px!important;font-size:9px!important;font-weight:800!important;color:#44536a!important;background:#f5f7fa!important}
.emenu-order-update summary::-webkit-details-marker{display:none!important}
.emenu-order-update summary:after{content:"+";float:right;color:#7a8798!important}.emenu-order-update[open] summary:after{content:"–"}
.emenu-order-update .emenu-order-state-form{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;padding:7px!important;margin:0!important}
.emenu-order-update .emenu-order-state-form select,.emenu-order-update .emenu-order-state-form input,.emenu-order-update .emenu-order-state-form button{width:100%!important;min-width:0!important;max-width:100%!important;min-height:31px!important;font-size:10px!important}

/* At common laptop widths keep the live panel, but make it slimmer. Below that it moves under content instead of covering it. */
@media(max-width:1480px) and (min-width:1381px){
  .emenu-ops-layout{grid-template-columns:164px minmax(0,1fr) 224px!important;gap:8px!important}
  .emenu-live-rail{padding:8px!important}.emenu-live-metric{padding:7px!important}.emenu-live-metric strong{font-size:19px!important}.emenu-live-metric small,.emenu-live-metric em{font-size:8px!important}
  .emenu-order-table th{font-size:9px!important}.emenu-order-table td{font-size:10px!important}
}
@media(max-width:1380px) and (min-width:821px){
  .emenu-ops-layout{grid-template-columns:160px minmax(0,1fr)!important}
  .emenu-live-rail{position:static!important;grid-column:1/-1!important;width:100%!important;max-height:none!important}
  .emenu-live-metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .emenu-order-table{min-width:880px!important}
}

/* Phone/tablet: nothing is allowed to force the dashboard wider than the screen. */
@media(max-width:820px){
  body.is-emenu-manager,body.is-emenu-manager .site-main,body.is-emenu-manager .container,body.is-emenu-manager .dc-page-wrap,.emenu-ops-shell,.emenu-ops-layout,.emenu-ops-content,.emenu-ops-content>*{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:hidden!important}
  .emenu-ops-sidebar{max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important}
  .emenu-ops-content .dc-manager-card{padding:10px!important}
  .emenu-ops-content .dc-manager-subhead{display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:flex-start!important}
  .emenu-ops-content .dc-manager-subhead>div{min-width:0!important;max-width:100%!important}
  .emenu-status-legend{overflow:visible!important}.emenu-status-legend .legend{font-size:8px!important;padding:3px 6px!important}
  .emenu-ops-status-filter{flex-wrap:nowrap!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;padding-bottom:6px!important}
  .emenu-ops-status-filter>a{white-space:nowrap!important}
  .emenu-orders-board .emenu-ops-table-wrap{overflow:visible!important;max-width:100%!important}
  .emenu-order-table,.emenu-orders-board .emenu-order-table{min-width:0!important;max-width:100%!important}
  .emenu-order-items-mini li{font-size:10px!important}
  .emenu-order-update{width:100%!important}.emenu-order-update summary{min-height:34px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
  .emenu-kds-board,.emenu-kds-kanban,.emenu-kds-lane,.emenu-kds-lane-list,.emenu-kds-ticket{min-width:0!important;max-width:100%!important;width:100%!important;overflow-wrap:anywhere!important}
  .emenu-kds-kanban{grid-template-columns:minmax(0,1fr)!important}
  .emenu-kds-ticket header,.emenu-kds-meta,.emenu-kds-actions{min-width:0!important;max-width:100%!important;flex-wrap:wrap!important}
  .emenu-kds-actions{grid-template-columns:minmax(0,1fr)!important}
  .emenu-live-rail{grid-column:auto!important;position:static!important;max-width:100%!important;overflow:hidden!important}
  .emenu-live-events,.emenu-live-event,.emenu-live-event span{min-width:0!important;max-width:100%!important}
}

/* 1.3.5 MOBILE MANAGER REBUILD
   This final layer deliberately overrides every earlier responsive experiment.
   Goal: /quanly must never be wider than the device viewport. */
.emenu-mobile-nav{display:none}

@media (max-width: 820px){
  html{overflow-x:hidden!important}
  body.is-emenu-manager{margin:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;background:#f3f6fa!important}
  body.is-emenu-manager .site-main,
  body.is-emenu-manager .container,
  body.is-emenu-manager .dc-page-wrap,
  body.is-emenu-manager .dc-page-content{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
  body.is-emenu-manager .site-main{padding:4px 0 14px!important}
  body.is-emenu-manager .container{padding:0 7px!important}
  body.is-emenu-manager .dc-page-content{padding:0!important;overflow:visible!important}

  .emenu-ops-shell,
  .emenu-ops-shell *{box-sizing:border-box!important}
  .emenu-ops-shell{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;overflow:visible!important}
  .emenu-ops-shell img,.emenu-ops-shell svg,.emenu-ops-shell canvas{max-width:100%!important;height:auto}
  .emenu-ops-shell input,.emenu-ops-shell select,.emenu-ops-shell textarea,.emenu-ops-shell button{max-width:100%!important;min-width:0!important}
  .emenu-ops-shell a,.emenu-ops-shell span,.emenu-ops-shell strong,.emenu-ops-shell small,.emenu-ops-shell p,.emenu-ops-shell h1,.emenu-ops-shell h2,.emenu-ops-shell h3,.emenu-ops-shell h4{overflow-wrap:anywhere}

  /* Header becomes a calm vertical block. */
  .emenu-ops-header{display:block!important;width:100%!important;max-width:100%!important;padding:12px!important;margin:0 0 7px!important;border-radius:11px!important}
  .emenu-ops-header h1{font-size:18px!important;line-height:1.22!important;margin:3px 0 5px!important;letter-spacing:-.02em!important}
  .emenu-ops-header p{font-size:10px!important;line-height:1.45!important}
  .emenu-ops-product{font-size:8px!important}
  .emenu-ops-user{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important;min-width:0!important;margin-top:10px!important;text-align:left!important}
  .emenu-ops-user>span,.emenu-ops-user>strong{padding:6px 8px;border-radius:8px;background:#f6f8fb;font-size:10px!important}
  .emenu-ops-user a{width:100%!important;min-height:36px!important;padding:7px!important;font-size:10px!important;text-align:center!important}

  .emenu-ops-context{display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;gap:7px!important;padding:9px!important;margin-bottom:7px!important;border-radius:10px!important}
  .emenu-ops-context>div{display:block!important;width:100%!important;min-width:0!important}.emenu-ops-context strong,.emenu-ops-context span{display:block!important}.emenu-ops-context form,.emenu-ops-context select{width:100%!important;min-width:0!important}

  /* Desktop rail nav is removed on mobile; one native selector replaces it. */
  .emenu-mobile-nav{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(150px,46%)!important;align-items:center!important;gap:8px!important;width:100%!important;max-width:100%!important;margin:0 0 7px!important;padding:9px!important;border:1px solid #dfe5ec!important;border-radius:10px!important;background:#fff!important;box-shadow:0 3px 10px rgba(20,35,60,.035)!important}
  .emenu-mobile-nav label{display:block!important;min-width:0!important}.emenu-mobile-nav label span,.emenu-mobile-nav label strong{display:block!important}.emenu-mobile-nav label span{font-size:8px!important;color:#7b8797!important;text-transform:uppercase!important;letter-spacing:.06em!important}.emenu-mobile-nav label strong{font-size:11px!important;color:#172033!important;margin-top:2px!important}
  .emenu-mobile-nav select{display:block!important;width:100%!important;min-width:0!important;max-width:100%!important;height:37px!important;padding:0 8px!important;border:1px solid #d7dee8!important;border-radius:9px!important;background:#f8fafc!important;font-size:10px!important;color:#26354a!important}
  .emenu-ops-sidebar{display:none!important}

  /* Process and quick actions stay inside viewport. */
  .emenu-ops-process{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;width:100%!important;max-width:100%!important;margin-bottom:7px!important;overflow:visible!important}
  .emenu-ops-process-step{display:grid!important;grid-template-columns:27px minmax(0,1fr)!important;min-width:0!important;max-width:100%!important;min-height:51px!important;padding:7px!important;gap:6px!important;border-radius:9px!important}
  .emenu-ops-process-step>b{width:27px!important;height:27px!important;font-size:10px!important}.emenu-ops-process-step>i{display:none!important}.emenu-ops-process-step span strong{font-size:10px!important}.emenu-ops-process-step span small{font-size:8px!important;line-height:1.2!important}

  .emenu-ops-commandbar{display:block!important;width:100%!important;max-width:100%!important;padding:9px!important;margin-bottom:7px!important;border-radius:10px!important;overflow:hidden!important}
  .emenu-command-title{margin-bottom:7px!important}.emenu-ops-command-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;width:100%!important;max-width:100%!important;overflow:visible!important}
  .emenu-ops-command-actions>a{display:grid!important;grid-template-columns:31px minmax(0,1fr)!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:50px!important;padding:6px!important;gap:6px!important;border-radius:9px!important}.emenu-ops-command-actions>a>b{width:31px!important;height:31px!important}.emenu-ops-command-actions>a>em{display:none!important}.emenu-ops-command-actions span strong{font-size:10px!important}.emenu-ops-command-actions span small{font-size:8px!important;line-height:1.2!important}

  /* Main layout = one column, no sticky rail and no accidental grid columns. */
  .emenu-ops-layout{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:7px!important}
  .emenu-ops-content{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:7px!important;order:1!important;overflow:visible!important}
  .emenu-ops-content>*{width:100%!important;max-width:100%!important;min-width:0!important}
  .emenu-ops-content .dc-manager-card{width:100%!important;max-width:100%!important;min-width:0!important;padding:10px!important;border-radius:10px!important;overflow:hidden!important}
  .emenu-ops-content .dc-manager-subhead{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;align-items:start!important;margin-bottom:8px!important}
  .emenu-ops-content .dc-manager-subhead>div{min-width:0!important;max-width:100%!important}.emenu-ops-content .dc-manager-subhead h3{font-size:12px!important;line-height:1.3!important}.emenu-ops-content .dc-manager-subhead .dc-manager-muted{font-size:9px!important;line-height:1.35!important}
  .emenu-ops-toolbar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;width:100%!important;max-width:100%!important}.emenu-ops-toolbar a{width:100%!important;min-width:0!important;justify-content:center!important;text-align:center!important;font-size:9px!important}

  /* Overview dashboard. */
  .emenu-ops-kpis,.emenu-ops-kpis--4{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;gap:6px!important;margin:0!important;overflow:visible!important}.emenu-ops-kpi{width:100%!important;min-width:0!important;max-width:100%!important;padding:9px!important;border-radius:10px!important}.emenu-ops-kpi strong{font-size:17px!important;line-height:1.15!important}.emenu-ops-kpi span,.emenu-ops-kpi small{font-size:8px!important;line-height:1.3!important}
  .emenu-ops-split{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;gap:7px!important}.emenu-ops-feed-item{grid-template-columns:8px minmax(0,1fr)!important;gap:7px!important}.emenu-ops-feed-item strong{font-size:10px!important}.emenu-ops-feed-item small{font-size:8px!important}.emenu-feed-head-actions{display:flex!important;width:100%!important;justify-content:space-between!important;gap:5px!important}.emenu-feed-head-actions>a{font-size:8px!important;min-width:0!important}.emenu-ops-action-list a{grid-template-columns:36px minmax(0,1fr) 14px!important;gap:7px!important;padding:8px!important}.emenu-ops-action-list a>b{width:35px!important;height:35px!important}.emenu-ops-action-list a>span strong{font-size:10px!important}.emenu-ops-action-list a>span small{font-size:8px!important;line-height:1.3!important}.emenu-ops-rank>div{grid-template-columns:24px minmax(0,1fr) auto!important;gap:7px!important}.emenu-ops-rank span strong{font-size:10px!important}.emenu-ops-rank span small,.emenu-ops-rank em{font-size:9px!important}

  /* Order status summary and filters. */
  .emenu-order-summary{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;gap:5px!important;margin:0 0 8px!important;padding:0!important;overflow:visible!important}.emenu-order-summary-card{width:100%!important;min-width:0!important;max-width:100%!important;min-height:66px!important;padding:8px!important}.emenu-order-summary-card strong{font-size:18px!important}.emenu-order-summary-card span{font-size:9px!important}.emenu-order-summary-card small{font-size:8px!important;line-height:1.25!important}
  .emenu-status-legend{display:flex!important;flex-wrap:wrap!important;width:100%!important;max-width:100%!important;gap:4px!important;padding:7px!important;overflow:visible!important}.emenu-status-legend>strong{width:100%!important;font-size:9px!important}.emenu-status-legend .legend{font-size:8px!important;padding:3px 5px!important;white-space:nowrap!important}
  .emenu-ops-status-filter,.emenu-station-filter{display:flex!important;flex-wrap:nowrap!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:5px!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-x:contain!important;-webkit-overflow-scrolling:touch!important;padding:0 0 6px!important;scrollbar-width:thin!important}.emenu-ops-status-filter>a,.emenu-station-filter>a{flex:0 0 auto!important;min-width:max-content!important;white-space:nowrap!important;font-size:9px!important;padding:5px 7px!important}

  /* Orders become true vertical cards. No desktop table geometry survives. */
  .emenu-orders-board .emenu-ops-table-wrap{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important;border:0!important;background:transparent!important}
  .emenu-orders-board table.emenu-order-table{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;border:0!important;table-layout:auto!important}
  .emenu-order-table colgroup,.emenu-order-table thead{display:none!important}
  .emenu-order-table tbody{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .emenu-order-table tr.emenu-order-row{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;border:1px solid #dfe5ec!important;border-left:4px solid #cfd6df!important;border-radius:10px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important}
  .emenu-order-table tr.emenu-order-row td{display:grid!important;grid-template-columns:82px minmax(0,1fr)!important;align-items:start!important;gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:8px!important;border:0!important;border-bottom:1px solid #edf1f5!important;background:#fff!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}
  .emenu-order-table tr.emenu-order-row td:last-child{display:block!important;border-bottom:0!important;background:#f7f9fc!important}
  .emenu-order-table tr.emenu-order-row td:before{content:attr(data-label)!important;display:block!important;margin:0!important;padding-top:1px!important;font-size:8px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.05em!important;color:#8792a2!important}
  .emenu-order-table tr.emenu-order-row td:last-child:before{margin-bottom:6px!important}
  .emenu-order-table tr.emenu-order-row td>*{min-width:0!important;max-width:100%!important}
  .emenu-order-items-mini{display:grid!important;gap:2px!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important}.emenu-order-items-mini li{font-size:10px!important;line-height:1.3!important;white-space:normal!important;overflow-wrap:anywhere!important}
  .emenu-order-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;width:100%!important;margin:0 0 6px!important}.emenu-order-actions a{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;min-height:32px!important;padding:6px!important;font-size:9px!important;text-align:center!important}
  .emenu-order-update{display:block!important;width:100%!important;max-width:100%!important;margin-top:5px!important}.emenu-order-update summary{width:100%!important;min-height:34px!important;padding:7px!important;font-size:9px!important}.emenu-order-update .emenu-order-state-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:5px!important;padding:7px!important}.emenu-order-update .emenu-order-state-form select,.emenu-order-update .emenu-order-state-form input,.emenu-order-update .emenu-order-state-form button{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}

  /* KDS taskboard: four lanes become a vertical operational queue. */
  .emenu-kds-board{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;padding:10px!important}
  .emenu-kds-kanban{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:7px!important;overflow:visible!important}
  .emenu-kds-lane,.emenu-kds-lane-list,.emenu-kds-ticket{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}.emenu-kds-lane{border-radius:10px!important;overflow:hidden!important}.emenu-kds-lane>header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:7px!important;padding:9px!important}.emenu-kds-lane>header div{min-width:0!important}.emenu-kds-lane>header strong{font-size:11px!important}.emenu-kds-lane>header small{font-size:8px!important;line-height:1.25!important}.emenu-kds-lane-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;padding:6px!important}.emenu-kds-ticket{padding:9px!important;border-radius:9px!important;overflow:hidden!important}.emenu-kds-ticket>header{display:flex!important;flex-wrap:wrap!important;gap:5px!important;justify-content:space-between!important;font-size:8px!important}.emenu-kds-ticket h4{font-size:13px!important;line-height:1.3!important;margin:7px 0 5px!important}.emenu-kds-ticket p{min-height:0!important;font-size:9px!important;line-height:1.35!important;margin-bottom:6px!important}.emenu-kds-meta{display:flex!important;flex-wrap:wrap!important;width:100%!important;gap:4px!important}.emenu-kds-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:5px!important;margin-top:7px!important}.emenu-kds-actions form,.emenu-kds-actions button{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}.emenu-kds-actions button{min-height:36px!important;font-size:10px!important}

  /* Live right rail is a normal block below content on mobile. */
  .emenu-live-rail{position:static!important;order:2!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;max-height:none!important;margin:0!important;padding:9px!important;border-radius:10px!important;overflow:hidden!important}.emenu-live-head{min-width:0!important;max-width:100%!important}.emenu-live-metrics{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;max-width:100%!important;gap:5px!important}.emenu-live-metric{width:100%!important;min-width:0!important;max-width:100%!important;min-height:62px!important;padding:7px!important}.emenu-live-metric span{min-width:0!important}.emenu-live-metric strong{font-size:18px!important}.emenu-live-metric small,.emenu-live-metric em{font-size:8px!important}.emenu-live-events,.emenu-live-event{width:100%!important;max-width:100%!important;min-width:0!important}.emenu-live-event{grid-template-columns:8px minmax(0,1fr)!important}.emenu-live-event span,.emenu-live-event small{min-width:0!important;max-width:100%!important;overflow-wrap:anywhere!important}

  /* Activity log and generic operational forms. */
  .emenu-activity-kpis{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;gap:5px!important;overflow:visible!important}.emenu-activity-item{display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;width:100%!important;max-width:100%!important;gap:6px!important;padding:8px!important}.emenu-activity-icon{display:none!important}.emenu-activity-copy,.emenu-activity-side{grid-column:2!important;min-width:0!important}.emenu-activity-side{display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;gap:6px!important}.emenu-activity-copy p{font-size:10px!important;line-height:1.4!important}.emenu-activity-filter{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;gap:6px!important}.emenu-activity-filter label,.emenu-activity-filter input,.emenu-activity-filter select,.emenu-activity-filter button,.emenu-activity-filter a{width:100%!important;min-width:0!important;max-width:100%!important}
  .emenu-ops-payment-grid,.emenu-ops-methods,.emenu-qr-workflow,.emenu-qr-grid,.emenu-import-grid,.emenu-import-schema-grid,.emenu-ops-form--grid,.emenu-ops-staff-form,.emenu-settings-grid,.emenu-menu-availability-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:7px!important}.emenu-ops-pay-card>div{grid-template-columns:minmax(0,1fr)!important}.emenu-ops-filter,.emenu-ops-inline-form{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;gap:5px!important}.emenu-ops-filter input,.emenu-ops-filter select,.emenu-ops-filter button,.emenu-ops-inline-form input,.emenu-ops-inline-form select,.emenu-ops-inline-form button{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important}
  .emenu-ops-staff-inline{min-width:0!important;width:100%!important}.emenu-ops-shift,.emenu-ops-mini-list>div,.emenu-ops-pay-card header{flex-wrap:wrap!important;min-width:0!important}.emenu-qr-card{grid-template-columns:72px minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important;padding:8px!important}.emenu-qr-code{width:72px!important;height:72px!important}.emenu-qr-code img,.emenu-qr-code canvas{max-width:66px!important;max-height:66px!important}.emenu-qr-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}.emenu-qr-actions a,.emenu-qr-actions button{width:100%!important;min-width:0!important;text-align:center!important}
  .emenu-import-hero{display:block!important;width:100%!important}.emenu-import-hero h2{font-size:17px!important}.emenu-import-steps{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important}.emenu-import-steps i{display:none!important}.emenu-import-card-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.emenu-import-drop{min-height:135px!important;padding:14px!important}

  /* Any remaining data table scrolls INSIDE its own box, never the whole page. */
  .emenu-ops-table-wrap:not(:has(.emenu-order-table)){display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important}
  .emenu-ops-table-wrap:not(:has(.emenu-order-table))>.dc-manager-table{width:max-content!important;min-width:680px!important;max-width:none!important}
}

@media (max-width: 520px){
  .emenu-mobile-nav{grid-template-columns:1fr!important}.emenu-mobile-nav select{height:39px!important}
  .emenu-ops-user{grid-template-columns:1fr!important}
  .emenu-ops-process{grid-template-columns:1fr!important}.emenu-ops-process-step{min-height:45px!important}
  .emenu-ops-command-actions{grid-template-columns:1fr!important}
  .emenu-ops-kpis,.emenu-ops-kpis--4,.emenu-order-summary,.emenu-live-metrics,.emenu-activity-kpis{grid-template-columns:1fr!important}
  .emenu-ops-toolbar{grid-template-columns:1fr!important}
  .emenu-order-table tr.emenu-order-row td{grid-template-columns:72px minmax(0,1fr)!important}
  .emenu-order-actions{grid-template-columns:1fr!important}
  .emenu-qr-card{grid-template-columns:64px minmax(0,1fr)!important}.emenu-qr-code{width:64px!important;height:64px!important}.emenu-qr-code img,.emenu-qr-code canvas{max-width:58px!important;max-height:58px!important}
  .emenu-qr-actions,.emenu-import-steps{grid-template-columns:1fr!important}
}

@media (max-width: 360px){
  body.is-emenu-manager .container{padding:0 4px!important}
  .emenu-ops-header,.emenu-ops-context,.emenu-mobile-nav,.emenu-ops-commandbar,.emenu-ops-content .dc-manager-card,.emenu-live-rail{border-radius:8px!important}
  .emenu-order-table tr.emenu-order-row td{display:block!important}.emenu-order-table tr.emenu-order-row td:before{margin-bottom:4px!important}
}


/* eMenu 1.4.2 - payment QR image upload */
.emenu-qr-upload-field{display:grid;gap:10px;margin-top:4px}
.emenu-qr-upload-preview{display:flex;align-items:center;gap:14px;padding:12px;border:1px solid #fed7aa;background:#fff7ed;border-radius:16px}
.emenu-qr-upload-preview img{width:104px;height:104px;object-fit:contain;background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:6px}
.emenu-qr-upload-preview>div{display:grid;gap:4px;min-width:0}
.emenu-qr-upload-preview strong{font-size:14px}
.emenu-qr-upload-preview small{color:#64748b}
.emenu-file-upload{position:relative;display:flex!important;align-items:center;gap:12px;padding:14px!important;border:1.5px dashed #fb923c!important;background:#fffaf5!important;border-radius:16px!important;cursor:pointer;overflow:hidden}
.emenu-file-upload>span{width:42px;height:42px;border-radius:12px;background:#ffedd5;color:#c2410c;display:grid;place-items:center;font-size:22px;flex:0 0 auto}
.emenu-file-upload>div{display:grid;gap:2px;min-width:0}
.emenu-file-upload strong{font-size:14px;color:#1f2937}
.emenu-file-upload small{font-size:12px;color:#64748b}
.emenu-file-upload input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
@media(max-width:640px){.emenu-qr-upload-preview{align-items:flex-start}.emenu-qr-upload-preview img{width:88px;height:88px}.emenu-file-upload{padding:12px!important}}

/* v1.4.4 payment config status */
.emenu-payment-config-state{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 13px;border-radius:12px;margin-top:4px}.emenu-payment-config-state strong,.emenu-payment-config-state span{display:block}.emenu-payment-config-state span{font-size:11px}.emenu-payment-config-state.is-ready{background:#eafaf4;border:1px solid #b7ead8;color:#087b55}.emenu-payment-config-state.is-missing{background:#fff7ed;border:1px solid #fed7aa;color:#9a4d0f}@media(max-width:720px){.emenu-payment-config-state{align-items:flex-start;flex-direction:column}}

/* eMenu 1.4.5 — four manager-only homepage width presets */
@media(max-width:1180px){.emenu-display-mode-picker{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.emenu-display-mode-picker{grid-template-columns:1fr!important}}

/* ======================================================================
   eMenu Restaurant OS 1.4.9 — Manager UX/UI refresh
   Visual direction: compact operating console, bright orange navigation,
   light working canvas, clear hierarchy and low-noise cards.
   ====================================================================== */
body.is-emenu-manager{
  background:#f5f6f8!important;
  color:#181b20!important;
}
body.is-emenu-manager .container{padding-left:12px!important;padding-right:12px!important}
.emenu-ops-shell{
  --ops-orange:#f26a2e;
  --ops-orange-2:#ff8b43;
  --ops-orange-dark:#d8531f;
  --ops-orange-soft:#fff2ea;
  --ops-orange-line:#ffd7c2;
  --ops-ink:#181b20;
  --ops-muted:#747a82;
  --ops-line:#e7e9ed;
  --ops-soft:#f7f8fa;
  font-family:Manrope,Inter,"Plus Jakarta Sans",system-ui,-apple-system,sans-serif!important;
  max-width:1680px!important;
}

/* Topbar — same information density as the reference dashboard, no oversized hero. */
.emenu-ops-header{
  position:sticky!important;
  top:0!important;
  z-index:25!important;
  min-height:72px!important;
  margin:0 0 12px!important;
  padding:11px 16px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  border:1px solid var(--ops-line)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.95)!important;
  backdrop-filter:blur(14px)!important;
  box-shadow:0 6px 24px rgba(28,31,36,.045)!important;
}
.emenu-ops-page-heading{min-width:0}
.emenu-ops-header .emenu-ops-product{
  display:block!important;
  margin:0 0 2px!important;
  color:#999da4!important;
  font-size:9px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.13em!important;
}
.emenu-ops-header h1{
  margin:0!important;
  font-size:21px!important;
  line-height:1.25!important;
  letter-spacing:-.025em!important;
  font-weight:650!important;
  color:#181b20!important;
}
.emenu-ops-header p{
  margin:3px 0 0!important;
  font-size:10.5px!important;
  color:#8a8f96!important;
}
.emenu-ops-user{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:7px!important;
  min-width:0!important;
  text-align:left!important;
}
.emenu-system-ok{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:34px!important;
  padding:0 10px!important;
  border:1px solid var(--ops-line)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#60666d!important;
  font-size:9.5px!important;
  font-weight:650!important;
}
.emenu-system-ok i{width:7px;height:7px;border-radius:50%;background:#16a36a;box-shadow:0 0 0 4px rgba(22,163,106,.10)}
.emenu-ops-user .emenu-header-primary,.emenu-header-logout{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:0 11px!important;
  border-radius:9px!important;
  font-size:9.5px!important;
  font-weight:750!important;
  text-decoration:none!important;
}
.emenu-ops-user .emenu-header-primary{background:var(--ops-orange)!important;color:#fff!important;border:1px solid var(--ops-orange)!important;box-shadow:0 4px 11px rgba(242,106,46,.18)!important}
.emenu-header-logout{background:#fff!important;color:#62676f!important;border:1px solid var(--ops-line)!important}

/* Branch context is a small utility strip, not a second hero. */
.emenu-ops-context{
  min-height:44px!important;
  margin:0 0 10px!important;
  padding:7px 10px!important;
  border:1px solid var(--ops-line)!important;
  border-radius:11px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.emenu-ops-context strong{font-size:9px!important;letter-spacing:.08em!important;color:#8a8f96!important}
.emenu-ops-context span{font-size:9.5px!important;color:#9ca0a6!important}
.emenu-ops-context b{font-size:10.5px!important;color:#30343a!important}
.emenu-ops-context select{min-width:180px!important;height:32px!important;padding:0 9px!important;background:#fafafa!important;border-color:#e5e7eb!important;font-size:10px!important}

/* Four-step operating process: compact and visual. */
.emenu-ops-process{gap:7px!important;margin-bottom:10px!important}
.emenu-ops-process-step{
  grid-template-columns:29px minmax(0,1fr) 12px!important;
  min-height:54px!important;
  padding:8px 9px!important;
  gap:7px!important;
  border-radius:11px!important;
  border-color:var(--ops-line)!important;
  box-shadow:none!important;
}
.emenu-ops-process-step>b{width:28px!important;height:28px!important;border-radius:8px!important;font-size:10px!important;background:#f1f2f4!important}
.emenu-ops-process-step span strong{font-size:10.5px!important;font-weight:700!important}
.emenu-ops-process-step span small{font-size:8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.emenu-ops-process-step.is-current{background:#fff3eb!important;border-color:#ffc9aa!important}
.emenu-ops-process-step.is-current>b{background:var(--ops-orange)!important;color:#fff!important}

/* Quick actions: white cards with colored module marks, no navy/brown bar. */
.emenu-ops-commandbar{
  margin-bottom:12px!important;
  padding:10px!important;
  border:1px solid var(--ops-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  color:#23262b!important;
  box-shadow:0 3px 12px rgba(25,28,34,.025)!important;
}
.emenu-command-title{min-width:125px!important}
.emenu-ops-commandbar>div:first-child strong{font-size:10.5px!important;color:#282b30!important}
.emenu-ops-commandbar>div:first-child span{font-size:8.5px!important;color:#9a9ea4!important}
.emenu-ops-command-actions{gap:6px!important;scrollbar-width:none}
.emenu-ops-command-actions>a{
  min-width:142px!important;
  padding:7px 8px!important;
  border:1px solid #eceef1!important;
  border-radius:9px!important;
  background:#fafafa!important;
  color:#282c31!important;
  box-shadow:none!important;
}
.emenu-ops-command-actions>a:hover{background:#fff6f0!important;border-color:#ffd2bb!important;transform:translateY(-1px)}
.emenu-ops-command-actions>a>b{width:27px!important;height:27px!important;border-radius:8px!important;background:#fff!important;color:var(--ops-orange)!important;border:1px solid #f1f2f3!important}
.emenu-ops-command-actions span strong{font-size:9.5px!important;color:#31353a!important}
.emenu-ops-command-actions span small{font-size:7.7px!important;color:#989da4!important}
.emenu-ops-command-actions>a em{color:#a6abb1!important}

/* Desktop workspace: orange sidebar + light content + live rail. */
.emenu-ops-layout{grid-template-columns:238px minmax(0,1fr) 288px!important;gap:12px!important;align-items:start!important}
.emenu-ops-sidebar{
  position:sticky!important;
  top:84px!important;
  max-height:calc(100vh - 96px)!important;
  overflow:auto!important;
  padding:12px!important;
  border:0!important;
  border-radius:15px!important;
  background:linear-gradient(160deg,#ff8a42 0%,#f26a2e 52%,#e95b25 100%)!important;
  color:#fff!important;
  box-shadow:0 14px 34px rgba(221,82,25,.20)!important;
  gap:0!important;
}
.emenu-sidebar-brand{display:flex;align-items:center;gap:9px;padding:2px 4px 12px;border-bottom:1px solid rgba(255,255,255,.18);margin-bottom:10px}
.emenu-sidebar-mark{width:34px;height:34px;border-radius:10px;background:#fff;color:var(--ops-orange);display:grid;place-items:center;font-size:21px;font-weight:800;box-shadow:0 5px 14px rgba(148,52,12,.16)}
.emenu-sidebar-brand>span:last-child{display:grid;line-height:1.1}.emenu-sidebar-brand strong{font-size:15px;color:#fff}.emenu-sidebar-brand small{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.72);margin-top:3px}
.emenu-sidebar-branch{padding:9px 10px;margin-bottom:7px;border:1px solid rgba(255,255,255,.19);border-radius:10px;background:rgba(119,42,11,.13)}
.emenu-sidebar-branch small,.emenu-sidebar-branch strong{display:block}.emenu-sidebar-branch small{font-size:7.5px;letter-spacing:.09em;color:rgba(255,255,255,.68);margin-bottom:3px}.emenu-sidebar-branch strong{font-size:9.5px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.emenu-sidebar-nav{display:flex;flex-direction:column;gap:2px}
.emenu-nav-group{padding:8px 8px 3px!important;color:rgba(255,255,255,.56)!important;font-size:7.5px!important;letter-spacing:.13em!important}
.emenu-nav-divider{background:rgba(255,255,255,.16)!important;margin:6px 0!important}
.emenu-ops-sidebar .dc-manager-tab{
  min-height:37px!important;
  grid-template-columns:29px minmax(0,1fr) 7px!important;
  gap:6px!important;
  padding:4px 7px!important;
  border-radius:9px!important;
  color:rgba(255,255,255,.83)!important;
  font-size:10.5px!important;
  font-weight:600!important;
}
.emenu-ops-sidebar .dc-manager-tab:hover{background:rgba(255,255,255,.12)!important;color:#fff!important}
.emenu-ops-sidebar .dc-manager-tab.is-active{background:#fff!important;color:#c74e1b!important;font-weight:800!important;box-shadow:0 5px 15px rgba(145,45,8,.13)!important}
.emenu-nav-icon{width:27px!important;height:27px!important;border-radius:8px!important;background:rgba(255,255,255,.12)!important;color:#fff!important;font-size:12px!important}
.emenu-ops-sidebar .dc-manager-tab.is-active .emenu-nav-icon{background:#fff0e7!important;color:var(--ops-orange)!important}
.emenu-ops-sidebar .dc-manager-tab i{color:var(--ops-orange)!important;font-size:6px!important}
.emenu-sidebar-footer{margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.18)}
.emenu-sidebar-user{display:grid;grid-template-columns:31px minmax(0,1fr);gap:8px;align-items:center;padding:6px 4px}.emenu-sidebar-user>b{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.20);font-size:9px;color:#fff}.emenu-sidebar-user span{min-width:0}.emenu-sidebar-user strong,.emenu-sidebar-user small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emenu-sidebar-user strong{font-size:9px;color:#fff}.emenu-sidebar-user small{font-size:7.5px;color:rgba(255,255,255,.68);margin-top:2px}.emenu-sidebar-footer>a{display:block;margin-top:3px;padding:7px 9px;border-radius:8px;background:rgba(255,255,255,.11);color:#fff!important;text-decoration:none!important;font-size:8px;text-align:center}

/* Cards and data surfaces — compact, clean, clear hierarchy. */
.emenu-ops-content{gap:11px!important}
.emenu-ops-content .dc-manager-card{
  padding:15px!important;
  border:1px solid var(--ops-line)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 2px 7px rgba(24,28,34,.025)!important;
}
.emenu-ops-content .dc-manager-subhead{margin-bottom:10px!important;align-items:flex-start!important}
.emenu-ops-content .dc-manager-subhead h3{font-size:13px!important;font-weight:650!important;letter-spacing:-.015em!important;color:#282c31!important}
.emenu-ops-content .dc-manager-muted{font-size:9px!important;color:#959aa1!important}
.emenu-ops-kpis,.emenu-ops-kpis--4{gap:8px!important}
.emenu-ops-kpi{min-height:102px!important;padding:12px 13px!important;border-radius:12px!important;box-shadow:none!important;background:#fff!important}
.emenu-ops-kpi:before{width:3px!important}
.emenu-ops-kpi span,.emenu-ops-kpi small{font-size:9px!important}.emenu-ops-kpi strong{font-size:20px!important;margin:7px 0 4px!important;font-weight:650!important}

/* Tables follow the reference: small uppercase head, generous rows, subtle hover. */
.emenu-ops-table-wrap{border-radius:11px!important;border-color:#eceef1!important;background:#fff!important}
.emenu-ops-table-wrap .dc-manager-table{font-size:10px!important}
.emenu-ops-table-wrap .dc-manager-table th{padding:9px 8px!important;background:#fafafa!important;color:#969ba2!important;font-size:7.5px!important;letter-spacing:.075em!important;border-bottom:1px solid #eceef1!important}
.emenu-ops-table-wrap .dc-manager-table td{padding:10px 8px!important;font-size:9.5px!important;border-bottom:1px solid #f0f1f2!important}
.emenu-ops-table-wrap .dc-manager-table tr:hover td{background:#fffaf7!important}
.emenu-order-id{font-size:10px!important}.emenu-order-total{font-size:10px!important}
.emenu-order-actions a,.emenu-ops-toolbar a{border-radius:8px!important;font-size:8.5px!important;padding:6px 8px!important}
.emenu-order-actions a.primary,.emenu-order-actions a.pay{background:var(--ops-orange)!important;border-color:var(--ops-orange)!important;color:#fff!important}
.emenu-ops-badge{min-height:22px!important;padding:2px 7px!important;font-size:8px!important}

/* Live rail — orange header cue instead of dark/brown surfaces. */
.emenu-live-rail{
  position:sticky!important;
  top:84px!important;
  max-height:calc(100vh - 96px)!important;
  padding:10px!important;
  gap:8px!important;
  border:1px solid var(--ops-line)!important;
  border-radius:13px!important;
  background:#fff!important;
  box-shadow:0 4px 16px rgba(24,28,34,.035)!important;
}
.emenu-live-head{padding:9px 10px!important;margin:-1px -1px 1px!important;border-radius:10px!important;background:linear-gradient(135deg,#ff8a42,#f26a2e)!important;color:#fff!important}
.emenu-live-head strong{color:#fff!important;font-size:9px!important}.emenu-live-head small{color:rgba(255,255,255,.76)!important;font-size:7.5px!important}.emenu-live-dot{background:#fff!important;box-shadow:0 0 0 4px rgba(255,255,255,.16)!important}.emenu-live-badge{background:rgba(255,255,255,.16)!important;color:#fff!important;border-color:rgba(255,255,255,.24)!important}
.emenu-live-metrics{gap:6px!important}.emenu-live-metric{min-height:65px!important;padding:8px!important;border-radius:10px!important;box-shadow:none!important}.emenu-live-metric strong{font-size:18px!important}.emenu-live-metric small,.emenu-live-metric em{font-size:7.5px!important}
.emenu-live-events-title strong{font-size:9px!important}.emenu-live-events-title a{font-size:7.5px!important}.emenu-live-event{padding:7px 2px!important}.emenu-live-event strong{font-size:8px!important}.emenu-live-event small,.emenu-live-event em{font-size:7.3px!important}

/* Forms, filters and settings become more legible without growing. */
.emenu-ops-shell input,.emenu-ops-shell select,.emenu-ops-shell textarea{border-color:#dfe2e6!important;background:#fff!important;color:#30343a!important}
.emenu-ops-shell input:focus,.emenu-ops-shell select:focus,.emenu-ops-shell textarea:focus{outline:0!important;border-color:#ffad7d!important;box-shadow:0 0 0 3px rgba(242,106,46,.10)!important}
.dc-manager-btn--primary,.emenu-ops-shell button[type=submit]{background:var(--ops-orange)!important;color:#fff!important;border-color:var(--ops-orange)!important}
.dc-manager-btn--primary:hover,.emenu-ops-shell button[type=submit]:hover{background:var(--ops-orange-dark)!important}
.emenu-settings-grid>section,.emenu-ops-form--grid,.emenu-import-card,.emenu-qr-card{border-radius:12px!important}

/* KDS: the board stays operational but loses visual bulk. */
.emenu-kds-board{gap:8px!important}.emenu-kds-lane{border-radius:11px!important;background:#f0f1f3!important}.emenu-kds-lane>header{padding:9px 10px!important}.emenu-kds-ticket{border-radius:10px!important;box-shadow:0 2px 5px rgba(0,0,0,.025)!important}.emenu-kds-ticket h4{font-size:12px!important}.emenu-kds-actions button{border-radius:8px!important}

/* Mobile/tablet — no fixed orange rail. Manager navigation uses the select already
   present in the system. Everything remains compact and one-column where needed. */
@media(max-width:1180px){
  .emenu-ops-layout{grid-template-columns:205px minmax(0,1fr)!important}
  .emenu-live-rail{position:static!important;grid-column:1/-1!important;max-height:none!important}
}
@media(max-width:820px){
  body.is-emenu-manager .container{padding:0 7px!important}
  .emenu-ops-header{position:relative!important;min-height:58px!important;padding:8px 10px!important;border-radius:10px!important;margin-bottom:7px!important}
  .emenu-ops-header h1{font-size:16px!important}.emenu-ops-header p{display:none!important}.emenu-ops-header .emenu-ops-product{font-size:7.5px!important}
  .emenu-system-ok,.emenu-header-logout{display:none!important}.emenu-ops-user .emenu-header-primary{min-height:31px!important;padding:0 8px!important;font-size:8px!important}
  .emenu-ops-context{min-height:38px!important;padding:6px 8px!important}.emenu-ops-context>div span{display:none!important}
  .emenu-ops-process{display:flex!important;overflow-x:auto!important;padding-bottom:2px!important}.emenu-ops-process-step{flex:0 0 175px!important;min-height:47px!important}
  .emenu-ops-commandbar{padding:8px!important}.emenu-command-title{min-width:0!important}.emenu-ops-command-actions>a{min-width:132px!important}
  .emenu-ops-layout{grid-template-columns:minmax(0,1fr)!important;gap:7px!important}
  .emenu-ops-sidebar{display:none!important}
  .emenu-mobile-nav{border-color:#ffd7c2!important;background:#fff8f3!important}
  .emenu-mobile-nav select{background:#fff!important;border-color:#ffc9ab!important}
  .emenu-ops-content .dc-manager-card{padding:11px!important;border-radius:10px!important}
  .emenu-live-rail{position:static!important;max-height:none!important;border-radius:10px!important;padding:8px!important}
  .emenu-live-head{margin:0!important}
}
@media(max-width:520px){
  .emenu-ops-header h1{font-size:15px!important}.emenu-ops-user .emenu-header-primary{font-size:0!important;width:32px!important;padding:0!important}.emenu-ops-user .emenu-header-primary:before{content:'↗';font-size:15px!important}
  .emenu-ops-context{display:grid!important;grid-template-columns:1fr!important}.emenu-ops-context select{width:100%!important;min-width:0!important}
  .emenu-ops-commandbar{display:block!important}.emenu-command-title{margin-bottom:7px!important}.emenu-ops-command-actions{display:flex!important;overflow-x:auto!important}.emenu-ops-command-actions>a{flex:0 0 136px!important}
  .emenu-ops-kpi{min-height:88px!important}.emenu-ops-kpi strong{font-size:18px!important}
}


/* eMenu Restaurant OS 1.5.0 — Manager typography pass
   Inter everywhere + larger, easier-to-scan operational text. */
body.is-emenu-manager,
body.is-emenu-manager button,
body.is-emenu-manager input,
body.is-emenu-manager select,
body.is-emenu-manager textarea,
body.is-emenu-manager table,
.emenu-ops-shell,
.emenu-ops-shell *{
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.emenu-ops-shell{font-size:13px!important;line-height:1.45!important}

/* Header and context */
.emenu-ops-header h1{font-size:28px!important;font-weight:700!important;line-height:1.16!important}
.emenu-ops-header p{font-size:13px!important;line-height:1.55!important}
.emenu-ops-header .emenu-ops-product{font-size:10.5px!important}
.emenu-system-ok{font-size:11px!important}
.emenu-ops-user .emenu-header-primary,.emenu-header-logout{font-size:11px!important}
.emenu-ops-context strong{font-size:10.5px!important}
.emenu-ops-context span{font-size:11.5px!important}
.emenu-ops-context b{font-size:12.5px!important}
.emenu-ops-context select{font-size:12px!important}

/* Process + quick actions */
.emenu-ops-process-step span strong{font-size:12px!important;line-height:1.3!important}
.emenu-ops-process-step span small{font-size:9.5px!important;line-height:1.35!important}
.emenu-ops-process-step>b{font-size:11px!important}
.emenu-ops-commandbar>div:first-child strong{font-size:12px!important}
.emenu-ops-commandbar>div:first-child span{font-size:10px!important}
.emenu-ops-command-actions span strong{font-size:11px!important}
.emenu-ops-command-actions span small{font-size:9px!important;line-height:1.3!important}

/* Orange manager navigation */
.emenu-sidebar-brand strong{font-size:16px!important}
.emenu-sidebar-brand small{font-size:9px!important}
.emenu-sidebar-branch small{font-size:8.5px!important}
.emenu-sidebar-branch strong{font-size:11px!important}
.emenu-nav-group{font-size:8.5px!important}
.emenu-ops-sidebar .dc-manager-tab{font-size:12px!important;font-weight:650!important}
.emenu-nav-icon{font-size:13px!important}
.emenu-sidebar-user strong{font-size:10.5px!important}
.emenu-sidebar-user small{font-size:9px!important}
.emenu-sidebar-footer>a{font-size:9.5px!important}

/* Cards, KPI and content hierarchy */
.emenu-ops-content .dc-manager-subhead h3{font-size:16px!important;font-weight:700!important;line-height:1.3!important}
.emenu-ops-content .dc-manager-muted{font-size:11px!important;line-height:1.5!important}
.emenu-ops-kpi span,.emenu-ops-kpi small{font-size:10.5px!important;line-height:1.4!important}
.emenu-ops-kpi strong{font-size:24px!important;font-weight:700!important}
.emenu-ops-empty{font-size:12px!important}
.emenu-ops-toolbar a{font-size:10.5px!important}

/* Tables: the old 7–9px type was too small for real operations. */
.emenu-ops-table-wrap .dc-manager-table{font-size:11.5px!important}
.emenu-ops-table-wrap .dc-manager-table th{font-size:9px!important;line-height:1.25!important;padding:11px 9px!important}
.emenu-ops-table-wrap .dc-manager-table td{font-size:11px!important;line-height:1.4!important;padding:11px 9px!important}
.emenu-order-id,.emenu-order-total{font-size:11.5px!important}
.emenu-order-actions a,.emenu-ops-toolbar a{font-size:10px!important}
.emenu-ops-badge{font-size:9.5px!important;font-weight:750!important}

/* Live rail */
.emenu-live-head strong{font-size:11px!important}
.emenu-live-head small{font-size:9px!important}
.emenu-live-metric strong{font-size:20px!important}
.emenu-live-metric small,.emenu-live-metric em{font-size:9px!important;line-height:1.35!important}
.emenu-live-events-title strong{font-size:10.5px!important}
.emenu-live-events-title a{font-size:9px!important}
.emenu-live-event strong{font-size:9.5px!important;line-height:1.35!important}
.emenu-live-event small,.emenu-live-event em{font-size:8.7px!important;line-height:1.35!important}

/* Forms / settings / imported data */
.emenu-ops-shell label,
.emenu-ops-shell .dc-manager-label{font-size:11px!important;line-height:1.4!important}
.emenu-ops-shell input,
.emenu-ops-shell select,
.emenu-ops-shell textarea{font-size:12.5px!important;line-height:1.45!important}
.emenu-ops-shell input::placeholder,.emenu-ops-shell textarea::placeholder{font-size:12px!important}
.emenu-ops-shell button,
.emenu-ops-shell .dc-manager-btn{font-size:11px!important}
.emenu-settings-grid h3,.emenu-settings-grid h4,.emenu-import-card h3,.emenu-qr-card h3{font-size:14px!important}
.emenu-settings-grid p,.emenu-import-card p,.emenu-qr-card p{font-size:11px!important;line-height:1.5!important}

/* Activity log */
.emenu-activity-kpi span{font-size:10px!important}
.emenu-activity-kpi strong{font-size:22px!important}
.emenu-activity-toolbar{font-size:11px!important}
.emenu-activity-item time{font-size:11.5px!important}
.emenu-activity-copy>div>strong{font-size:11.5px!important}
.emenu-activity-copy p{font-size:12px!important}
.emenu-activity-copy small{font-size:9.5px!important}
.emenu-activity-side a{font-size:9.5px!important}
.emenu-activity-side span{font-size:8.8px!important}

/* KDS */
.emenu-kds-lane>header strong{font-size:12px!important}
.emenu-kds-ticket h4{font-size:13px!important}
.emenu-kds-ticket,.emenu-kds-ticket p,.emenu-kds-ticket li{font-size:11px!important;line-height:1.45!important}
.emenu-kds-actions button{font-size:10.5px!important}

@media(max-width:820px){
  .emenu-ops-shell{font-size:13px!important}
  .emenu-ops-header h1{font-size:20px!important}
  .emenu-ops-header .emenu-ops-product{font-size:9px!important}
  .emenu-ops-user .emenu-header-primary{font-size:10px!important}
  .emenu-ops-process-step span strong{font-size:11.5px!important}
  .emenu-ops-process-step span small{font-size:9.5px!important}
  .emenu-ops-content .dc-manager-subhead h3{font-size:15px!important}
  .emenu-ops-content .dc-manager-muted{font-size:10.5px!important}
  .emenu-ops-table-wrap .dc-manager-table td{font-size:11px!important}
  .emenu-mobile-nav,.emenu-mobile-nav select{font-size:12px!important}
}
@media(max-width:520px){
  .emenu-ops-header h1{font-size:19px!important}
  .emenu-ops-kpi span,.emenu-ops-kpi small{font-size:10px!important}
  .emenu-ops-kpi strong{font-size:21px!important}
  .emenu-ops-shell input,.emenu-ops-shell select,.emenu-ops-shell textarea{font-size:16px!important}
}

/* eMenu 1.5.1 — Login quản lý + phân quyền nhân sự */
body.is-emenu-manager .dc-manager-shell--login{
  max-width:none!important;
  width:100%!important;
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:34px 18px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 10%,rgba(255,153,89,.18),transparent 30%),
    radial-gradient(circle at 90% 90%,rgba(242,106,46,.13),transparent 34%),
    linear-gradient(180deg,#fffaf7 0%,#fff 100%);
}
body.is-emenu-manager .dc-manager-shell--login:before,
body.is-emenu-manager .dc-manager-shell--login:after{
  content:"";position:absolute;border-radius:999px;pointer-events:none;filter:blur(1px)
}
body.is-emenu-manager .dc-manager-shell--login:before{width:320px;height:320px;left:-120px;bottom:-120px;background:rgba(255,127,55,.08)}
body.is-emenu-manager .dc-manager-shell--login:after{width:220px;height:220px;right:-80px;top:-80px;background:rgba(255,188,142,.12)}
.emenu-manager-login-stage{
  width:min(1040px,100%);
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);
  border:1px solid #f0e5df;
  border-radius:26px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 28px 80px rgba(109,55,24,.12);
  position:relative;
  z-index:1;
}
.emenu-login-brand-panel{
  min-height:590px;
  padding:42px;
  display:flex;
  flex-direction:column;
  color:#fff;
  background:
    radial-gradient(circle at 80% 15%,rgba(255,255,255,.22),transparent 23%),
    radial-gradient(circle at 12% 88%,rgba(255,208,176,.18),transparent 28%),
    linear-gradient(145deg,#ff914d 0%,#f26a2e 48%,#df4e17 100%);
}
.emenu-login-logo{display:flex;align-items:center;gap:12px}
.emenu-login-logo>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#fff;color:#ef6226;font-size:26px;font-weight:800;box-shadow:0 8px 22px rgba(121,42,6,.16)}
.emenu-login-logo strong,.emenu-login-logo small{display:block}.emenu-login-logo strong{font-size:18px;line-height:1.1}.emenu-login-logo small{font-size:10px;margin-top:4px;color:rgba(255,255,255,.72)}
.emenu-login-brand-copy{margin:auto 0 28px;max-width:520px}.emenu-login-kicker{font-size:10px;letter-spacing:.16em;font-weight:800;color:#ffe5d5}.emenu-login-brand-copy h1{font-size:38px!important;line-height:1.08!important;letter-spacing:-.04em!important;margin:12px 0 14px!important;color:#fff!important}.emenu-login-brand-copy p{font-size:14px;line-height:1.7;color:rgba(255,255,255,.82);margin:0}
.emenu-login-role-list{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.emenu-login-role-list span{padding:8px 10px;border:1px solid rgba(255,255,255,.19);background:rgba(255,255,255,.11);border-radius:999px;font-size:10.5px;font-weight:650;backdrop-filter:blur(8px)}
.emenu-login-security{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;padding:12px 13px;border-radius:14px;background:rgba(110,34,5,.14);border:1px solid rgba(255,255,255,.14)}.emenu-login-security>b{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#fff;color:#e75a1f}.emenu-login-security strong,.emenu-login-security small{display:block}.emenu-login-security strong{font-size:11px}.emenu-login-security small{font-size:9px;color:rgba(255,255,255,.72);margin-top:3px;line-height:1.45}
.emenu-login-form-panel{border:0!important;border-radius:0!important;box-shadow:none!important;padding:52px 46px!important;display:flex;flex-direction:column;justify-content:center}.emenu-login-form-panel .dc-manager-login-eyebrow{width:max-content;background:#fff1e8!important;color:#e85f25!important;font-size:10px!important}.emenu-login-form-panel h2{margin:4px 0 8px;font-size:30px;letter-spacing:-.035em;line-height:1.15;color:#202327}.emenu-login-form-panel>p{font-size:12px!important;line-height:1.6!important;margin-bottom:22px!important}.emenu-login-form{gap:16px!important}.emenu-login-form .dc-manager-field label{font-size:11.5px!important;color:#4f555d!important;margin-bottom:7px!important}.emenu-login-form .dc-manager-field input{height:48px;padding:0 14px!important;border-radius:12px!important;border:1px solid #dfe3e7!important;font-size:14px!important;transition:.2s}.emenu-login-form .dc-manager-field input:focus{border-color:#ff9f6b!important;box-shadow:0 0 0 4px rgba(242,106,46,.10)!important;outline:0}.emenu-login-options{display:flex;align-items:center;justify-content:space-between;gap:12px}.emenu-login-options .dc-manager-checkbox{font-size:11px!important}.emenu-login-options a{font-size:11px;color:#e85f25;font-weight:700;text-decoration:none}.emenu-login-submit{width:100%;min-height:48px;font-size:12px!important;border-radius:12px!important;box-shadow:0 10px 20px rgba(232,95,37,.18)}.emenu-login-submit span{font-size:16px}.emenu-login-help{margin-top:18px;padding:13px 14px;border-radius:12px;background:#fff8f4;border:1px solid #ffe0d0}.emenu-login-help strong,.emenu-login-help span{display:block}.emenu-login-help strong{font-size:10.5px;color:#8e3b17}.emenu-login-help span{font-size:9.5px;line-height:1.55;color:#7b6257;margin-top:3px}

.emenu-staff-guide,.emenu-staff-create-card,.emenu-staff-accounts{overflow:visible!important}
.emenu-permission-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:12px 0 16px}.emenu-permission-steps>div{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:start;padding:12px;border:1px solid #eceef1;border-radius:12px;background:#fbfbfc}.emenu-permission-steps b{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#fff0e7;color:#e75a1f;font-size:12px}.emenu-permission-steps strong,.emenu-permission-steps small{display:block}.emenu-permission-steps strong{font-size:11px}.emenu-permission-steps small{font-size:9.5px;line-height:1.45;color:#7e848b;margin-top:3px}
.emenu-role-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.emenu-role-guide-card{border:1px solid #eceef1;border-radius:12px;padding:12px;background:#fff}.emenu-role-guide-card>div strong,.emenu-role-guide-card>div small{display:block}.emenu-role-guide-card>div strong{font-size:11.5px;color:#24282d}.emenu-role-guide-card>div small{font-size:9.5px;line-height:1.5;color:#7d838a;margin-top:4px;min-height:42px}.emenu-role-guide-card>span{display:inline-flex;margin-top:9px;padding:4px 7px;border-radius:999px;background:#fff2ea;color:#dc5a20;font-size:8.5px;font-weight:750}.emenu-role-guide-card details{margin-top:8px}.emenu-role-guide-card summary{cursor:pointer;color:#e26228;font-size:9px;font-weight:750}.emenu-role-cap-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.emenu-role-cap-list em{font-style:normal;font-size:8.5px;padding:4px 6px;border-radius:7px;background:#f5f6f7;color:#5e646b}
.emenu-staff-basic-grid,.emenu-staff-edit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.emenu-staff-basic-grid label,.emenu-staff-edit-grid label{display:grid;gap:6px}.emenu-staff-basic-grid small{font-size:9px;color:#838990}.emenu-staff-branch-box{border:1px solid #e5e8eb;border-radius:12px;padding:12px;margin:2px 0}.emenu-staff-branch-box legend{padding:0 5px;font-size:10px;font-weight:750;color:#4e545b}.emenu-staff-branch-box>div{display:flex;gap:8px;flex-wrap:wrap}.emenu-staff-branch-box>small{display:block;margin-top:8px;font-size:9px;color:#848a91}.emenu-staff-branch-box .emenu-ops-check{padding:6px 9px;border-radius:8px;background:#f7f8f9;border:1px solid #eceef1}
.emenu-permission-box{border:1px solid #e6e9ed;border-radius:13px;padding:13px;background:#fcfcfd}.emenu-permission-box-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.emenu-permission-box-head strong,.emenu-permission-box-head small{display:block}.emenu-permission-box-head strong{font-size:11.5px}.emenu-permission-box-head small{font-size:9px;color:#858b92;margin-top:2px}.emenu-permission-box-head button.secondary{border:1px solid #fed0b7!important;background:#fff7f2!important;color:#d6531d!important;border-radius:9px!important;padding:7px 9px!important;font-size:9px!important;font-weight:750!important}
.emenu-permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.emenu-permission-group{display:grid;gap:6px;align-content:start}.emenu-permission-group h4{font-size:9px!important;letter-spacing:.06em;text-transform:uppercase;color:#8c9299;margin:0 0 2px}.emenu-permission-flat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.emenu-permission-item{display:grid!important;grid-template-columns:18px 1fr;gap:7px;align-items:start;padding:8px;border-radius:9px;border:1px solid #eceef1;background:#fff;cursor:pointer}.emenu-permission-item:hover{border-color:#ffc9aa;background:#fffaf7}.emenu-permission-item input{width:15px!important;height:15px!important;margin:1px 0 0!important}.emenu-permission-item span strong,.emenu-permission-item span small{display:block}.emenu-permission-item span strong{font-size:9.5px;color:#32373d}.emenu-permission-item span small{font-size:8.4px;line-height:1.4;color:#8a9097;margin-top:2px}
.emenu-staff-account-list{display:grid;gap:10px}.emenu-staff-account-card{border:1px solid #e8ebee;border-radius:13px;padding:13px;background:#fff}.emenu-staff-account-card.is-self{border-color:#ffd0b8;background:#fffaf7}.emenu-staff-account-summary{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:10px;align-items:center}.emenu-staff-avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(145deg,#fff0e7,#ffd5bd);color:#d95218;font-weight:800;font-size:14px}.emenu-staff-account-copy>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.emenu-staff-account-copy>div>strong{font-size:11.5px}.emenu-staff-account-copy>small{display:block;color:#858b92;font-size:9px;margin-top:2px}.emenu-current-account{font-size:8px;padding:3px 6px;border-radius:999px;background:#ffe9dc;color:#c94c16;font-weight:750}.emenu-staff-badges{display:flex!important;align-items:center;gap:6px!important;flex-wrap:wrap;margin-top:7px}.emenu-staff-badges>span:last-child{font-size:8.8px;color:#6f757c}.emenu-staff-permission-count{text-align:right;min-width:70px}.emenu-staff-permission-count strong{display:block;font-size:20px;color:#e85f25;line-height:1}.emenu-staff-permission-count small{display:block;font-size:8.5px;color:#8b9197;margin-top:4px}.emenu-staff-effective{margin-top:11px;padding-top:10px;border-top:1px solid #eff1f3}.emenu-staff-effective>strong{font-size:9.5px;color:#565c63}.emenu-staff-effective>div{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.emenu-staff-effective>div>span{font-size:8.5px;padding:4px 6px;border-radius:7px;background:#f4f8f6;color:#38735a;border:1px solid #e1eee8}.emenu-staff-edit{margin-top:10px;border-top:1px solid #eff1f3;padding-top:9px}.emenu-staff-edit>summary{cursor:pointer;font-size:10px;font-weight:750;color:#e15a20}.emenu-staff-edit form{margin-top:12px}.emenu-staff-readonly-note{margin-top:10px;padding:9px 10px;border-radius:9px;background:#f7f8f9;color:#777e85;font-size:9px;line-height:1.5}

@media(max-width:980px){
  .emenu-manager-login-stage{grid-template-columns:1fr;max-width:650px}.emenu-login-brand-panel{min-height:auto;padding:30px}.emenu-login-brand-copy{margin:42px 0 22px}.emenu-login-brand-copy h1{font-size:30px!important}.emenu-login-form-panel{padding:34px 30px!important}
  .emenu-role-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.emenu-permission-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  body.is-emenu-manager .dc-manager-shell--login{padding:12px}.emenu-manager-login-stage{border-radius:18px}.emenu-login-brand-panel{padding:22px}.emenu-login-logo>span{width:38px;height:38px;border-radius:11px}.emenu-login-brand-copy{margin:28px 0 18px}.emenu-login-brand-copy h1{font-size:24px!important}.emenu-login-brand-copy p{font-size:12px}.emenu-login-role-list{gap:6px;margin-bottom:16px}.emenu-login-role-list span{font-size:9px;padding:6px 8px}.emenu-login-security{display:none}.emenu-login-form-panel{padding:26px 20px!important}.emenu-login-form-panel h2{font-size:25px}.emenu-login-form .dc-manager-field input{font-size:16px!important}
  .emenu-permission-steps,.emenu-role-guide-grid,.emenu-staff-basic-grid,.emenu-staff-edit-grid,.emenu-permission-grid,.emenu-permission-flat-grid{grid-template-columns:1fr}.emenu-permission-steps{gap:6px}.emenu-role-guide-card>div small{min-height:0}.emenu-permission-box-head{align-items:flex-start;flex-direction:column}.emenu-staff-account-summary{grid-template-columns:36px minmax(0,1fr)}.emenu-staff-permission-count{grid-column:2;text-align:left;display:flex;align-items:center;gap:6px}.emenu-staff-permission-count strong{font-size:16px}.emenu-staff-permission-count small{margin:0}
}

/* eMenu Restaurant OS 1.5.2 — manager personalization, flat UI, log summary */
.emenu-ops-shell,.dc-manager-shell--login{--manager-primary:#365C54}

/* Dashboard color is restaurant-controlled. Sidebar is now a clean solid brand tone,
   never a fixed orange gradient. */
.emenu-ops-sidebar{
  background:var(--manager-primary)!important;
  box-shadow:0 12px 30px rgba(20,31,36,.13)!important;
}
.emenu-sidebar-mark{color:var(--manager-primary)!important}
.emenu-ops-sidebar .dc-manager-tab.is-active{color:var(--manager-primary)!important}
.emenu-ops-sidebar .dc-manager-tab.is-active .emenu-nav-icon{color:var(--manager-primary)!important;background:#fff!important}
.emenu-ops-sidebar .dc-manager-tab i{color:var(--manager-primary)!important}
.emenu-ops-product,.emenu-ops-user strong{color:var(--manager-primary)!important}
.emenu-ops-user .emenu-header-primary,
.emenu-ops-shell .dc-manager-btn--primary,
.emenu-ops-shell button[type=submit]:not(.secondary),
.dc-manager-shell--login .emenu-login-submit{background:var(--manager-primary)!important;border-color:var(--manager-primary)!important;color:#fff!important}
.emenu-ops-process-step.is-current{border-color:var(--manager-primary)!important;background:#f8fbfa!important}
.emenu-ops-process-step.is-current>b{background:var(--manager-primary)!important;color:#fff!important}
.emenu-ops-process-step.is-current>i{color:var(--manager-primary)!important}
.emenu-ops-shell input:focus,.emenu-ops-shell select:focus,.emenu-ops-shell textarea:focus{border-color:var(--manager-primary)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--manager-primary) 13%,transparent)!important}
.emenu-staff-edit>summary,.emenu-role-guide-card summary{color:var(--manager-primary)!important}
.emenu-current-account{color:var(--manager-primary)!important;background:color-mix(in srgb,var(--manager-primary) 10%,#fff)!important}
.emenu-staff-avatar{color:var(--manager-primary)!important;background:color-mix(in srgb,var(--manager-primary) 12%,#fff)!important}
.emenu-staff-permission-count strong{color:var(--manager-primary)!important}

/* Login follows the manager color too. */
body.is-emenu-manager .dc-manager-shell--login{
  background:linear-gradient(180deg,color-mix(in srgb,var(--manager-primary) 5%,#fff) 0%,#fff 100%)!important;
}
.dc-manager-shell--login .emenu-login-brand-panel{background:var(--manager-primary)!important}
.dc-manager-shell--login .emenu-login-form-panel .dc-manager-login-eyebrow{color:var(--manager-primary)!important;background:color-mix(in srgb,var(--manager-primary) 9%,#fff)!important}
.dc-manager-shell--login .emenu-login-options a{color:var(--manager-primary)!important}
.dc-manager-shell--login .emenu-login-form .dc-manager-field input:focus{border-color:var(--manager-primary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--manager-primary) 10%,transparent)!important}

/* Style picker previews. */
.emenu-manager-style-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.emenu-manager-style-option{min-height:86px}
.emenu-style-preview{width:58px;height:48px;flex:0 0 58px;padding:5px;display:grid;grid-template-columns:14px 1fr;grid-template-rows:8px 1fr 1fr;gap:4px;background:#f4f6f7;border:1px solid #dfe4e7}
.emenu-style-preview i{display:block;background:#d9dfe2}
.emenu-style-preview i:first-child{grid-row:1/-1;background:var(--manager-primary)}
.emenu-style-preview i:nth-child(2){grid-column:2;background:#bfc8cc}
.emenu-style-preview--standard{border-radius:9px;box-shadow:0 5px 12px rgba(20,30,38,.08)}
.emenu-style-preview--standard i{border-radius:3px}
.emenu-style-preview--flat{border-radius:2px;box-shadow:none;background:#fff}
.emenu-style-preview--flat i{border-radius:0}
.emenu-color-grid--manager{grid-template-columns:minmax(220px,360px)!important}
.emenu-manager-style-option.is-selected{border-color:var(--manager-primary)!important;background:color-mix(in srgb,var(--manager-primary) 6%,#fff)!important;box-shadow:inset 0 0 0 1px var(--manager-primary)!important}

/* Create employee is an action, not a giant full-width banner. */
.emenu-staff-submit{
  grid-column:1/-1!important;
  justify-self:start!important;
  width:auto!important;
  min-width:0!important;
  min-height:36px!important;
  padding:8px 13px!important;
  border-radius:8px!important;
  font-size:10.5px!important;
  font-weight:700!important;
}

/* Downloadable readable activity log. */
.emenu-log-export{display:inline-flex!important;align-items:center;justify-content:center;min-height:36px;padding:0 11px;border:1px solid #dfe4e7;border-radius:8px;background:#fff;color:var(--manager-primary)!important;font-size:10.5px;font-weight:750;text-decoration:none!important}
.emenu-log-export:hover{border-color:var(--manager-primary);background:color-mix(in srgb,var(--manager-primary) 5%,#fff)}

/* Log statistics live under notifications. */
.emenu-live-log-summary{margin-top:2px;padding-top:8px;border-top:1px solid #edf0f2}
.emenu-live-log-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:7px}
.emenu-live-log-grid>div{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:7px 8px;border:1px solid #edf0f2;background:#fafbfb;border-radius:8px}
.emenu-live-log-grid span{font-size:9px;color:#737b82;line-height:1.25}
.emenu-live-log-grid strong{font-size:13px;color:#252b30;font-variant-numeric:tabular-nums}

/* New order stays visibly ringing until the manager opens the order list. */
.emenu-new-order-bell{display:inline-block;margin-left:3px;font-style:normal;transform-origin:50% 12%;opacity:.45}
.emenu-live-rail.has-unread-order .emenu-new-order-bell{opacity:1;animation:emenuBellRing .85s ease-in-out infinite}
.emenu-live-rail.has-unread-order .emenu-live-new-orders{border-color:var(--manager-primary)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--manager-primary) 10%,transparent)!important}
@keyframes emenuBellRing{0%,38%,100%{transform:rotate(0)}6%{transform:rotate(18deg)}12%{transform:rotate(-16deg)}18%{transform:rotate(13deg)}24%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}}

/* NORMAL style keeps mild depth, but follows restaurant color. */
.emenu-ui-standard .emenu-live-head{background:var(--manager-primary)!important}

/* FLAT / MINIMAL style: no decorative depth, little rounding, data first. */
.emenu-ui-flat .emenu-ops-header,
.emenu-ui-flat .emenu-ops-context,
.emenu-ui-flat .emenu-ops-commandbar,
.emenu-ui-flat .emenu-ops-content .dc-manager-card,
.emenu-ui-flat .emenu-ops-kpi,
.emenu-ui-flat .emenu-live-rail,
.emenu-ui-flat .emenu-ops-process-step,
.emenu-ui-flat .emenu-ops-table-wrap,
.emenu-ui-flat .emenu-kds-lane,
.emenu-ui-flat .emenu-kds-ticket,
.emenu-ui-flat .emenu-setting-block,
.emenu-ui-flat .emenu-staff-account-card,
.emenu-ui-flat .emenu-role-guide-card,
.emenu-ui-flat .emenu-permission-box,
.emenu-ui-flat .emenu-permission-item{box-shadow:none!important;border-radius:5px!important}
.emenu-ui-flat .emenu-ops-header{background:#fff!important}
.emenu-ui-flat .emenu-ops-sidebar{border-radius:5px!important;box-shadow:none!important;background:var(--manager-primary)!important}
.emenu-ui-flat .emenu-nav-icon,.emenu-ui-flat .emenu-sidebar-mark,.emenu-ui-flat .emenu-sidebar-branch,.emenu-ui-flat .emenu-sidebar-footer>a{border-radius:4px!important}
.emenu-ui-flat .emenu-ops-sidebar .dc-manager-tab{border-radius:3px!important}
.emenu-ui-flat .emenu-ops-process-step{background:#fff!important}
.emenu-ui-flat .emenu-ops-process-step.is-current{border-left:4px solid var(--manager-primary)!important;background:#fff!important}
.emenu-ui-flat .emenu-ops-process-step>b{border-radius:3px!important}
.emenu-ui-flat .emenu-ops-command-actions>a,.emenu-ui-flat .emenu-ops-command-actions>a>b{border-radius:3px!important;box-shadow:none!important}
.emenu-ui-flat .emenu-ops-kpi:before{width:0!important}
.emenu-ui-flat .emenu-live-head{background:var(--manager-primary)!important;border-radius:3px!important}
.emenu-ui-flat .emenu-live-metric,.emenu-ui-flat .emenu-live-log-grid>div{border-radius:3px!important;box-shadow:none!important}
.emenu-ui-flat .dc-manager-btn,.emenu-ui-flat button,.emenu-ui-flat input,.emenu-ui-flat select,.emenu-ui-flat textarea{border-radius:4px!important}
.emenu-ui-flat .emenu-ops-badge{border-radius:3px!important}
.emenu-ui-flat .emenu-manager-login-stage{border-radius:6px!important;box-shadow:none!important;border:1px solid #e2e6e8!important}
.emenu-ui-flat .emenu-login-brand-panel,.emenu-ui-flat .emenu-login-form-panel{border-radius:0!important}

@media(max-width:900px){.emenu-manager-style-picker{grid-template-columns:1fr}.emenu-color-grid--manager{grid-template-columns:1fr!important}}
@media(max-width:650px){.emenu-staff-submit{width:auto!important;justify-self:start!important}.emenu-live-log-grid{grid-template-columns:1fr 1fr}.emenu-log-export{width:100%!important}}


/* eMenu 1.5.3 — flat is the baseline, sky-blue default, stronger unread bell + cleaner log stats */
.emenu-ops-shell{--manager-primary:#38A7F2}
body.is-emenu-manager{background:#f3f9ff!important}
.emenu-ui-flat .emenu-ops-header,
.emenu-ui-flat .emenu-ops-context,
.emenu-ui-flat .emenu-ops-content .dc-manager-card,
.emenu-ui-flat .emenu-live-rail{border-color:#dfeaf4!important}

/* Make the unread order alert impossible to miss without making the whole rail noisy. */
.emenu-new-order-bell{
  display:inline-grid!important;place-items:center!important;
  width:27px!important;height:27px!important;margin-left:6px!important;
  border-radius:50%!important;background:#fff!important;
  border:1px solid color-mix(in srgb,var(--manager-primary) 30%,#dbe6ef)!important;
  box-shadow:0 3px 10px rgba(16,91,154,.10)!important;
  font-size:17px!important;line-height:1!important;vertical-align:middle!important;
  transform-origin:50% 16%!important;opacity:.72!important;
}
.emenu-live-rail.has-unread-order .emenu-new-order-bell{
  opacity:1!important;background:#fff!important;color:var(--manager-primary)!important;
  animation:emenuBellRingStrong .68s ease-in-out infinite!important;
  box-shadow:0 0 0 5px color-mix(in srgb,var(--manager-primary) 12%,transparent),0 5px 15px rgba(22,111,186,.20)!important;
}
.emenu-live-rail.has-unread-order .emenu-live-new-orders{
  border-color:var(--manager-primary)!important;
  background:color-mix(in srgb,var(--manager-primary) 8%,#fff)!important;
  box-shadow:inset 4px 0 0 var(--manager-primary)!important;
}
@keyframes emenuBellRingStrong{
  0%,100%{transform:rotate(0) scale(1)}
  12%{transform:rotate(22deg) scale(1.11)}
  24%{transform:rotate(-20deg) scale(1.11)}
  36%{transform:rotate(16deg) scale(1.08)}
  48%{transform:rotate(-13deg) scale(1.08)}
  60%{transform:rotate(8deg) scale(1.04)}
  72%{transform:rotate(-5deg) scale(1.02)}
}

/* Today's log summary: flat mini-cards with icon, count, and category color. */
.emenu-live-log-summary{margin-top:3px!important;padding-top:11px!important;border-top:1px solid #e6edf3!important}
.emenu-live-log-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:9px!important}
.emenu-live-log-grid>div{
  position:relative!important;display:grid!important;grid-template-columns:34px minmax(0,1fr)!important;
  align-items:center!important;justify-content:initial!important;gap:9px!important;
  min-height:56px!important;padding:9px 10px!important;border:1px solid #e6edf3!important;
  background:#fff!important;border-radius:7px!important;overflow:hidden!important;
}
.emenu-live-log-grid>div:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#94a3b8}
.emenu-live-log-grid>div>i{width:32px;height:32px;display:grid;place-items:center;border-radius:6px;background:#f2f6fa;font-size:15px;font-style:normal}
.emenu-live-log-grid>div>span{display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto!important;align-items:center!important;gap:8px!important;min-width:0!important}
.emenu-live-log-grid small{font-size:10px!important;color:#657386!important;line-height:1.25!important;font-weight:650!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.emenu-live-log-grid strong{font-size:18px!important;line-height:1!important;color:#172033!important;font-variant-numeric:tabular-nums!important;letter-spacing:-.025em!important}
.emenu-live-log-grid .log-order:before{background:#f97316}.emenu-live-log-grid .log-order>i{background:#fff2e8}
.emenu-live-log-grid .log-kitchen:before{background:#ef4444}.emenu-live-log-grid .log-kitchen>i{background:#fff0f0}
.emenu-live-log-grid .log-payment:before{background:#10b981}.emenu-live-log-grid .log-payment>i{background:#ecfbf5}
.emenu-live-log-grid .log-inventory:before{background:#f59e0b}.emenu-live-log-grid .log-inventory>i{background:#fff8e8}
.emenu-live-log-grid .log-service:before{background:#06b6d4}.emenu-live-log-grid .log-service>i{background:#ecfbfe}
.emenu-live-log-grid .log-alerts:before{background:#8b5cf6}.emenu-live-log-grid .log-alerts>i{background:#f5f1ff}
.emenu-ui-flat .emenu-live-log-grid>div{border-radius:4px!important;box-shadow:none!important}

@media(max-width:650px){
  .emenu-new-order-bell{width:25px!important;height:25px!important;font-size:16px!important}
  .emenu-live-log-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}
  .emenu-live-log-grid>div{grid-template-columns:29px minmax(0,1fr)!important;min-height:51px!important;padding:7px 8px!important;gap:7px!important}
  .emenu-live-log-grid>div>i{width:28px;height:28px;font-size:13px!important}
  .emenu-live-log-grid small{font-size:9px!important}
  .emenu-live-log-grid strong{font-size:16px!important}
}


/* eMenu 1.5.4 — duplicate action, unclipped live statistics, standalone manager and stronger bell */
body.emenu-manager-standalone{margin:0!important;min-height:100vh!important;background:#f3f9ff!important}
.emenu-manager-standalone-main{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:10px 12px 22px!important}
body.emenu-manager-standalone .site-header,body.emenu-manager-standalone .site-footer,body.emenu-manager-standalone .dc-bottom-nav,body.emenu-manager-standalone .dc-order-quickbar,body.emenu-manager-standalone .dc-staff-modal{display:none!important}

.emenu-menu-row-actions{display:flex!important;align-items:center!important;gap:5px!important;flex-wrap:wrap!important}
.emenu-menu-row-actions .dc-manager-btn{min-height:29px!important;padding:5px 8px!important;font-size:10px!important;width:auto!important}
.emenu-duplicate-listing{border-color:#cbdceb!important;background:#f7fbff!important;color:#245d8e!important}
.emenu-duplicate-listing:hover{border-color:var(--manager-primary)!important;background:color-mix(in srgb,var(--manager-primary) 8%,#fff)!important}

/* Never clip the lower log summary. Desktop rail scrolls vertically; smaller layouts expand naturally. */
.emenu-live-rail{overflow-x:hidden!important;overflow-y:auto!important;scrollbar-width:thin!important;scrollbar-color:#cbd8e3 transparent!important}
.emenu-live-log-summary{display:block!important;visibility:visible!important;opacity:1!important;min-height:max-content!important;padding-bottom:6px!important}
.emenu-live-log-grid{display:grid!important;visibility:visible!important}
.emenu-live-log-grid>div{min-width:0!important}
@media(max-width:1180px){.emenu-live-rail{max-height:none!important;overflow:visible!important}}

/* Larger, continuous unread-order bell. */
.emenu-new-order-bell{width:34px!important;height:34px!important;font-size:21px!important;margin-left:8px!important;border-width:2px!important}
.emenu-live-rail.has-unread-order .emenu-new-order-bell{animation:emenuBellRingLoud .56s cubic-bezier(.36,.07,.19,.97) infinite!important}
.emenu-live-rail.has-unread-order .emenu-live-new-orders{box-shadow:inset 5px 0 0 var(--manager-primary),0 0 0 3px color-mix(in srgb,var(--manager-primary) 10%,transparent)!important}
@keyframes emenuBellRingLoud{0%,100%{transform:rotate(0deg) scale(1)}10%{transform:rotate(26deg) scale(1.14)}20%{transform:rotate(-24deg) scale(1.16)}30%{transform:rotate(21deg) scale(1.13)}40%{transform:rotate(-18deg) scale(1.12)}50%{transform:rotate(14deg) scale(1.09)}60%{transform:rotate(-11deg) scale(1.07)}70%{transform:rotate(8deg) scale(1.05)}80%{transform:rotate(-5deg) scale(1.03)}90%{transform:rotate(3deg) scale(1.01)}}
@media(max-width:650px){.emenu-manager-standalone-main{padding:5px 5px 16px!important}.emenu-new-order-bell{width:31px!important;height:31px!important;font-size:19px!important}}

/* eMenu 1.5.4 — KDS theo ngày + phân trang */
.emenu-kds-daybar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:12px 0 10px;padding:12px 13px;border:1px solid #dce8f1;border-radius:12px;background:#f8fcff}
.emenu-kds-daynav{display:flex;align-items:end;gap:8px;flex-wrap:wrap}
.emenu-kds-date-form{display:flex;align-items:end;gap:8px;margin:0}
.emenu-kds-date-form label{display:grid;gap:4px;font-size:10px;font-weight:700;color:#64748b}
.emenu-kds-date-form input[type="date"]{height:34px;min-width:150px;border:1px solid #cad9e5;border-radius:8px;background:#fff;padding:0 9px;font:600 12px/1 Inter,system-ui,sans-serif;color:#1f3346;outline:none}
.emenu-kds-date-form input[type="date"]:focus{border-color:var(--manager-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--manager-primary) 12%,transparent)}
.emenu-kds-today-pill{display:inline-flex;align-items:center;height:34px;padding:0 11px;border-radius:999px;background:#eaf7ff;border:1px solid #cceafa;color:#2375a8;font-size:11px;font-weight:800}
.emenu-kds-page-meta{display:grid;justify-items:end;gap:2px;min-width:max-content}
.emenu-kds-page-meta strong{font-size:15px;color:#17324a}.emenu-kds-page-meta span{font-size:10px;color:#7890a3}
.emenu-kds-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #e6edf3}
.emenu-kds-pagination>div{display:flex;align-items:center;justify-content:center;gap:5px}
.emenu-kds-pagination>a,.emenu-kds-pagination>div>a{min-height:31px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;border:1px solid #d7e2eb;border-radius:8px;background:#fff;color:#3b5c75;text-decoration:none;font-size:10px;font-weight:800}
.emenu-kds-pagination>a:last-child{justify-self:end}.emenu-kds-pagination>a:hover,.emenu-kds-pagination>div>a:hover{border-color:var(--manager-primary);color:var(--manager-primary)}
.emenu-kds-pagination>div>a{min-width:31px;padding:0 7px}.emenu-kds-pagination>div>a.is-current{background:var(--manager-primary);border-color:var(--manager-primary);color:#fff}
@media(max-width:760px){.emenu-kds-daybar{align-items:stretch;flex-direction:column;padding:10px}.emenu-kds-daynav{display:grid;grid-template-columns:1fr 1fr;align-items:end}.emenu-kds-date-form{grid-column:1/-1;display:grid;grid-template-columns:1fr auto}.emenu-kds-date-form label{min-width:0}.emenu-kds-date-form input[type="date"]{width:100%;min-width:0;font-size:16px}.emenu-kds-page-meta{justify-items:start}.emenu-kds-pagination{grid-template-columns:1fr 1fr}.emenu-kds-pagination>div{grid-column:1/-1;grid-row:1}.emenu-kds-pagination>a{grid-row:2}.emenu-kds-pagination>a:last-child{justify-self:end}}

/* eMenu 1.5.5 — manager mobile hardening
   Final responsive layer: no vertical action labels, no overlapping grids,
   all dense admin controls stay inside the viewport. */
@media (max-width:820px){
  html,body.emenu-manager-standalone,body.is-emenu-manager{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  .emenu-manager-standalone-main{width:100%!important;max-width:100%!important;margin:0!important;padding:6px!important;overflow-x:hidden!important}
  .emenu-ops-shell{width:100%!important;max-width:100%!important;min-width:0!important;overflow:visible!important}
  .emenu-ops-shell :where(div,section,article,aside,main,header,footer,form,fieldset,label){min-width:0!important;max-width:100%}
  .emenu-ops-shell button,.emenu-ops-shell .dc-manager-btn,.emenu-ops-shell a{word-break:normal!important;overflow-wrap:normal!important}

  /* Compact two-part header: title left, one safe customer-site button right. */
  .emenu-ops-header{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;gap:8px!important;min-height:0!important;
    padding:9px 10px!important;margin:0 0 6px!important;border-radius:9px!important;
  }
  .emenu-ops-page-heading{min-width:0!important}
  .emenu-ops-header .emenu-ops-product{display:block!important;font-size:8px!important;line-height:1.15!important;margin:0 0 2px!important}
  .emenu-ops-header h1{font-size:18px!important;line-height:1.18!important;margin:0!important;white-space:normal!important;overflow-wrap:normal!important}
  .emenu-ops-header p,.emenu-system-ok,.emenu-header-logout{display:none!important}
  .emenu-ops-user{display:flex!important;align-items:center!important;justify-content:flex-end!important;width:auto!important;max-width:none!important;min-width:0!important;margin:0!important;gap:0!important;text-align:right!important}
  .emenu-ops-user .emenu-header-primary{
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    width:auto!important;min-width:78px!important;max-width:96px!important;height:34px!important;min-height:34px!important;
    margin:0!important;padding:0 10px!important;border-radius:8px!important;
    font-size:0!important;line-height:1!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;
  }
  .emenu-ops-user .emenu-header-primary:before{content:'Khách ↗'!important;font-size:10.5px!important;font-weight:750!important;line-height:1!important;white-space:nowrap!important}

  /* One full-width manager selector; removes the crowded label/select split. */
  .emenu-mobile-nav{display:block!important;width:100%!important;max-width:100%!important;margin:0 0 6px!important;padding:6px!important;border-radius:9px!important;background:#fff!important;border:1px solid #dce7ef!important;box-shadow:none!important}
  .emenu-mobile-nav label{display:none!important}
  .emenu-mobile-nav select{display:block!important;width:100%!important;max-width:100%!important;height:42px!important;margin:0!important;padding:0 10px!important;border-radius:7px!important;background:#f8fbfd!important;border:1px solid #d8e5ee!important;font-size:16px!important;line-height:1.2!important;color:#1f3346!important}

  .emenu-ops-context{width:100%!important;max-width:100%!important;margin:0 0 6px!important;padding:7px 8px!important;border-radius:8px!important;overflow:hidden!important}
  .emenu-ops-context>div,.emenu-ops-context form,.emenu-ops-context select{width:100%!important;max-width:100%!important;min-width:0!important}

  /* Operational stages are horizontally scrollable instead of squeezing into each other. */
  .emenu-ops-process{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;max-width:100%!important;margin:0 0 6px!important;padding:0 0 4px!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important}
  .emenu-ops-process-step{flex:0 0 168px!important;width:168px!important;min-width:168px!important;max-width:168px!important;min-height:52px!important;padding:7px!important;scroll-snap-align:start!important}
  .emenu-ops-process-step span strong{font-size:11px!important}.emenu-ops-process-step span small{font-size:9px!important;line-height:1.25!important}

  /* Quick actions: predictable two columns on larger phones/tablets. */
  .emenu-ops-commandbar{width:100%!important;max-width:100%!important;margin:0 0 6px!important;padding:8px!important;overflow:visible!important}
  .emenu-ops-command-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%!important;max-width:100%!important;overflow:visible!important}
  .emenu-ops-command-actions>a{display:grid!important;grid-template-columns:32px minmax(0,1fr)!important;width:100%!important;min-width:0!important;max-width:100%!important;min-height:52px!important;padding:7px!important;white-space:normal!important}
  .emenu-ops-command-actions>a>em{display:none!important}
  .emenu-ops-command-actions span strong{font-size:10.5px!important;line-height:1.25!important}.emenu-ops-command-actions span small{font-size:8.5px!important;line-height:1.25!important}

  /* Main content cannot inherit old desktop columns. */
  .emenu-ops-layout{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:7px!important}
  .emenu-ops-sidebar{display:none!important}
  .emenu-ops-content{order:1!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:7px!important;overflow:visible!important}
  .emenu-ops-content>*{width:100%!important;max-width:100%!important;min-width:0!important}
  .emenu-ops-content .dc-manager-card{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:10px!important;border-radius:8px!important;overflow:visible!important}
  .emenu-ops-content .dc-manager-subhead{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important;flex-wrap:wrap!important}
  .emenu-ops-content .dc-manager-subhead>div{flex:1 1 220px!important;min-width:0!important}
  .emenu-ops-content .dc-manager-subhead h3{font-size:14px!important;line-height:1.28!important;margin:0!important}
  .emenu-ops-content .dc-manager-muted{font-size:10px!important;line-height:1.4!important}
  .emenu-section-icon{flex:0 0 auto!important}

  /* Safe responsive grids. */
  .emenu-ops-kpis,.emenu-ops-kpis--4,.emenu-order-summary,.emenu-live-metrics,.emenu-activity-kpis{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%!important;max-width:100%!important}
  .emenu-ops-split,.emenu-ops-payment-grid,.emenu-ops-methods,.emenu-qr-workflow,.emenu-qr-grid,.emenu-import-grid,.emenu-import-schema-grid,.emenu-ops-form--grid,.emenu-ops-staff-form,.emenu-settings-grid,.emenu-menu-availability-grid,
  .emenu-permission-steps,.emenu-role-guide-grid,.emenu-staff-basic-grid,.emenu-staff-edit-grid,.emenu-permission-grid,.emenu-permission-flat-grid,.emenu-manager-style-picker,.emenu-display-mode-picker,.emenu-color-grid{
    display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-width:0!important;gap:7px!important
  }
  .emenu-role-guide-card,.emenu-permission-box,.emenu-permission-group,.emenu-permission-item,.emenu-staff-account-card,.emenu-display-option,.emenu-setting-block{width:100%!important;max-width:100%!important;min-width:0!important}

  /* Forms: full width, no neighboring controls fighting for space. */
  .emenu-ops-filter,.emenu-ops-inline-form,.emenu-activity-filter{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;width:100%!important;max-width:100%!important}
  .emenu-ops-shell input,.emenu-ops-shell select,.emenu-ops-shell textarea{width:100%;max-width:100%!important;min-width:0!important}
  .emenu-ops-shell input[type="checkbox"],.emenu-ops-shell input[type="radio"],.emenu-ops-shell input[type="color"]{width:auto!important}

  /* Generic tables scroll inside their card; order table keeps the card layout. */
  .emenu-ops-table-wrap{max-width:100%!important;min-width:0!important}
  .emenu-ops-table-wrap{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important}
  .emenu-ops-table-wrap>.dc-manager-table{min-width:680px!important;width:max-content!important;max-width:none!important}
  .emenu-orders-board .emenu-ops-table-wrap{overflow:visible!important}
  .emenu-orders-board .emenu-ops-table-wrap>.dc-manager-table{min-width:0!important;width:100%!important;max-width:100%!important}

  /* KDS/date/pagination stay readable. */
  .emenu-kds-daybar{width:100%!important;max-width:100%!important;align-items:stretch!important;flex-direction:column!important;gap:8px!important;padding:9px!important}
  .emenu-kds-daynav{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important}
  .emenu-kds-date-form{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:100%!important;gap:6px!important}
  .emenu-kds-date-form input[type="date"]{width:100%!important;min-width:0!important;font-size:16px!important}
  .emenu-kds-page-meta{justify-items:start!important;min-width:0!important}
  .emenu-kds-kanban{grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:100%!important;overflow:visible!important}
  .emenu-kds-lane,.emenu-kds-ticket{width:100%!important;max-width:100%!important;min-width:0!important}

  /* Right-side live/statistics rail becomes a clean block under content. */
  .emenu-live-rail{order:2!important;position:static!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;max-height:none!important;margin:0!important;padding:9px!important;border-radius:8px!important;overflow:visible!important}
  .emenu-live-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;flex-wrap:wrap!important;width:100%!important;max-width:100%!important}
  .emenu-live-log-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;width:100%!important;max-width:100%!important}
  .emenu-live-log-grid>div{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
  .emenu-live-event{width:100%!important;max-width:100%!important;min-width:0!important;grid-template-columns:8px minmax(0,1fr)!important}

  /* Login page gets the same no-overlap treatment. */
  .emenu-manager-login-stage{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:560px!important;border-radius:14px!important}
  .emenu-login-brand-panel{min-height:0!important;padding:22px!important}
  .emenu-login-brand-copy{margin:22px 0 16px!important}.emenu-login-brand-copy h1{font-size:26px!important}.emenu-login-brand-copy p{font-size:12px!important}
  .emenu-login-form-panel{padding:24px 20px!important}.emenu-login-form-panel h2{font-size:24px!important}
}

@media (max-width:520px){
  .emenu-manager-standalone-main{padding:4px!important}
  .emenu-ops-header{grid-template-columns:minmax(0,1fr) auto!important;padding:8px!important}
  .emenu-ops-header h1{font-size:16px!important}
  .emenu-ops-user .emenu-header-primary{min-width:72px!important;max-width:78px!important;height:32px!important;min-height:32px!important;padding:0 8px!important}
  .emenu-ops-user .emenu-header-primary:before{font-size:10px!important}
  .emenu-ops-command-actions{grid-template-columns:minmax(0,1fr)!important}
  .emenu-ops-kpis,.emenu-ops-kpis--4,.emenu-order-summary,.emenu-live-metrics,.emenu-activity-kpis{grid-template-columns:minmax(0,1fr)!important}
  .emenu-live-log-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .emenu-live-log-grid>div{grid-template-columns:28px minmax(0,1fr)!important;min-height:50px!important;padding:7px!important;gap:6px!important}
  .emenu-live-log-grid>div>i{width:27px!important;height:27px!important;font-size:13px!important}
  .emenu-live-log-grid small{font-size:8.8px!important}.emenu-live-log-grid strong{font-size:15px!important}
  .emenu-qr-actions,.emenu-order-actions{grid-template-columns:minmax(0,1fr)!important}
  .emenu-kds-pagination{grid-template-columns:1fr 1fr!important;gap:7px!important}.emenu-kds-pagination>div{grid-column:1/-1!important;overflow-x:auto!important;justify-content:flex-start!important;padding-bottom:2px!important}
}

@media (max-width:360px){
  .emenu-ops-header .emenu-ops-product{display:none!important}
  .emenu-ops-header h1{font-size:15px!important}
  .emenu-ops-user .emenu-header-primary{min-width:66px!important;max-width:66px!important;padding:0 6px!important}
  .emenu-ops-user .emenu-header-primary:before{content:'Khách ↗'!important;font-size:9px!important}
  .emenu-live-log-grid{grid-template-columns:minmax(0,1fr)!important}
}