.terminal-workspace{position:fixed;inset:0;z-index:10002;background:var(--bg,#f8fafc);color:var(--text,#0f172a);display:flex;flex-direction:column;font:14px Inter,system-ui,sans-serif}
.terminal-workspace [hidden]{display:none!important}
.terminal-workspace header{display:flex;align-items:center;gap:12px;padding:16px 24px;background:var(--card-bg,#fff);border-bottom:1px solid var(--border,#e2e8f0)}
.terminal-workspace h1{font-size:22px;margin:0}.terminal-workspace h2{font-size:16px;margin:0 0 16px}.terminal-workspace small,.terminal-workspace p{color:var(--text-secondary,#475569)}
.terminal-workspace .ops-title{flex:1;min-width:0}.terminal-workspace .ops-title small{display:block;margin-top:5px}
.terminal-workspace button{font:inherit;cursor:pointer}.terminal-workspace button:disabled{cursor:default;opacity:.55}
.terminal-workspace .ops-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.terminal-workspace .ops-button{height:40px;padding:0 16px;border:1px solid var(--border,#cbd5e1);border-radius:10px;background:var(--card-bg,#fff);color:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px}
.terminal-workspace .ops-button.btn-gradient{background:linear-gradient(135deg,var(--pos-primary-fill,#3b82f6),#1d4ed8);border-color:transparent;color:#fff}
.terminal-workspace .ops-button svg{width:18px;height:18px}.terminal-workspace .ops-tools{padding:12px 24px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.terminal-workspace .ops-tools input{width:150px}.terminal-workspace .ops-tabs{display:flex;gap:8px;flex-wrap:wrap}
.terminal-workspace .ops-tabs button[aria-selected=true]{color:var(--pos-info-text,var(--primary,#2563eb));background:var(--primary-light,#eff6ff);border-color:var(--primary,#2563eb)}
.terminal-workspace .ops-body{flex:1;overflow:auto;padding:8px 24px 24px}.terminal-workspace .ops-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:20px;min-height:100%}
.terminal-workspace .ops-panel{background:var(--card-bg,#fff);border-radius:var(--surface-radius,16px);box-shadow:var(--surface-shadow,0 4px 20px rgba(30,64,175,.06));padding:24px;min-width:0}
.terminal-workspace .ops-list{display:flex;flex-direction:column;gap:8px}.terminal-workspace .ops-row{border:1px solid var(--border,#e2e8f0);background:var(--card-bg,#fff);border-radius:12px;padding:16px;text-align:left;color:inherit;display:flex;flex-direction:column;gap:8px}.terminal-workspace .ops-row:hover{border-color:var(--primary,#2563eb)}
.terminal-workspace .ops-row strong{font-size:14px;font-weight:600}.terminal-workspace .ops-state{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:var(--pos-info-text,var(--primary,#2563eb))}
.terminal-workspace .ops-state:before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%}.terminal-workspace .ops-line{padding:16px 0;border-bottom:1px solid var(--border,#e2e8f0)}
.terminal-workspace .ops-line strong{font-weight:600;display:block;margin-bottom:8px}.terminal-workspace .ops-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:16px 0}
.terminal-workspace label{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--text-secondary,#475569)}
.terminal-workspace input,.terminal-workspace select,.terminal-workspace textarea{box-sizing:border-box;width:100%;height:40px;padding:8px 12px;border:1px solid var(--border,#cbd5e1);border-radius:8px;background:var(--card-bg,#fff);color:var(--text,#0f172a);font:inherit}.terminal-workspace textarea{height:80px}
.terminal-workspace .ops-feedback{margin:0 24px 12px;padding:12px 16px;background:var(--primary-light,#eff6ff);border-radius:10px;color:var(--text,#334155)}
.terminal-workspace .ops-warning{padding:12px 16px;background:var(--primary-light,#eff6ff);border-radius:10px;margin:12px 0}
.terminal-workspace .ops-empty{padding:32px 12px;text-align:center}.terminal-workspace .ops-empty svg{width:32px;height:32px;color:var(--primary,#2563eb)}
.terminal-workspace .ops-label{border:1px dashed var(--border,#cbd5e1);border-radius:8px;padding:12px;margin:12px 0;color:inherit}.terminal-workspace .ops-label p{margin:6px 0}
.terminal-workspace .ops-photo video,.terminal-workspace .ops-photo img{width:100%;max-height:240px;object-fit:contain;margin:12px 0}.terminal-workspace .ops-login{padding:24px}
.terminal-workspace .ops-skeleton{height:140px;border-radius:12px;background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9)}
body.dark-theme .terminal-workspace .ops-skeleton{background:linear-gradient(90deg,#252836,#2a2d3a,#252836)}
.terminal-workspace :focus-visible{outline:2px solid var(--primary,#2563eb);outline-offset:2px}
.modal-overlay.ops-cooking-modal{z-index:10003!important}
#modal.ops-cooking-modal{z-index:10004!important}
.hx-select{position:relative;width:100%;min-width:0}
.hx-select-source[data-native-select-upgraded="true"]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;border:0!important;padding:0!important;margin:0!important;clip-path:inset(50%)!important;overflow:hidden!important}
.hx-select-trigger{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border:1px solid var(--border,#cbd5e1);border-radius:8px;background:var(--card-bg,#fff);color:var(--text,#0f172a);font:inherit;text-align:left}
.hx-select-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hx-select-text.is-placeholder{color:var(--text-secondary,#475569)}
.hx-select-arrow{width:8px;height:8px;flex:0 0 auto;border-right:1.5px solid var(--text-secondary,#475569);border-bottom:1.5px solid var(--text-secondary,#475569);transform:rotate(45deg) translateY(-2px)}
.hx-select.is-open .hx-select-trigger{border-color:var(--primary,#2563eb)}.hx-select.is-open .hx-select-arrow{transform:rotate(225deg)}
.hx-select-menu{display:none;position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:2000;max-height:min(280px,45dvh);overflow-y:auto;border:1px solid var(--border,#cbd5e1);border-radius:8px;background:var(--card-bg,#fff);box-shadow:var(--surface-shadow,0 8px 24px rgba(15,23,42,.12))}
.hx-select.is-open .hx-select-menu{display:block}.hx-select.is-upward .hx-select-menu{top:auto;bottom:calc(100% + 5px)}
.hx-select-option{width:100%;min-height:44px;display:block;padding:10px 12px;border:0;background:transparent;color:var(--text,#0f172a);font:inherit;text-align:left}.hx-select-option.is-selected{background:var(--primary-light,#eff6ff);color:var(--pos-info-text,var(--primary,#2563eb))}
@media print{body>*:not(.terminal-workspace){display:none!important}.terminal-workspace{position:static;display:block}.terminal-workspace header,.terminal-workspace .ops-tools,.terminal-workspace .ops-feedback,.terminal-workspace .ops-actions,#opsList{display:none!important}.terminal-workspace .ops-layout{display:block}.terminal-workspace .ops-body{overflow:visible}}
@media(max-width:768px){.terminal-workspace header,.terminal-workspace .ops-tools{padding:12px}.terminal-workspace .ops-body{padding:0 12px 16px}.terminal-workspace .ops-layout{grid-template-columns:1fr}.terminal-workspace .ops-panel{padding:16px}.terminal-workspace .ops-button,.terminal-workspace input,.terminal-workspace select{min-height:44px;height:44px}.terminal-workspace .ops-fields{grid-template-columns:1fr}.terminal-workspace .ops-feedback{margin:0 12px 12px}.terminal-workspace header .ops-actions{justify-content:flex-end}.terminal-workspace h1{font-size:18px}}
@media(max-width:480px){.terminal-workspace header{display:grid;grid-template-columns:44px minmax(0,1fr)}.terminal-workspace header .ops-actions{grid-column:1/-1;justify-content:flex-start}.terminal-workspace header>.ops-button{padding:0}.terminal-workspace .ops-title small{line-height:1.4}}

/* Central Kitchen occupies the same order area as Delivery and Meal Plans. */
.pos-container.central-kitchen-mode{grid-template-columns:1fr;overflow:hidden}
.pos-container.central-kitchen-mode .cart-panel{display:none!important}
.pos-container.central-kitchen-mode .bottom-bar{grid-column:1/-1}
.terminal-workspace--order-type{position:relative;inset:auto;z-index:auto;grid-column:1/-1;grid-row:1;min-height:0;overflow:hidden}
@media(max-width:480px){.terminal-workspace--order-type header{grid-template-columns:minmax(0,1fr)}.terminal-workspace--order-type header .ops-actions{grid-column:auto}}
