:root{--potato-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans Arabic", sans-serif;--potato-bg: #f4f5f7;--potato-surface: #ffffff;--potato-surface-muted: #fafbfc;--potato-input-bg: #ffffff;--potato-text: #111827;--potato-muted: #6b7280;--potato-border: #e5e7eb;--potato-accent: #16a34a;--potato-accent-text: #ffffff;--potato-accent-weak: #e8f5ec;--potato-info: #1f6feb;--potato-info-weak: #e7eefb;--potato-success: #16a34a;--potato-success-weak: #e6f4ea;--potato-success-text: #1e7e34;--potato-warning: #b45309;--potato-warning-weak: #fdf3e3;--potato-warning-text: #9a6700;--potato-danger: #dc2626;--potato-danger-weak: #fbe9e7;--potato-danger-text: #b3261e;--potato-radius-sm: 8px;--potato-radius-md: 10px;--potato-radius-lg: 14px;--potato-radius-pill: 999px;--potato-space-1: 4px;--potato-space-2: 8px;--potato-space-3: 12px;--potato-space-4: 16px;--potato-space-5: 24px;--potato-shadow-sm: 0 1px 2px rgba(17, 24, 39, .06);--potato-shadow-md: 0 8px 24px rgba(17, 24, 39, .16);--potato-touch-target: 44px}:focus-visible{outline:2px solid var(--potato-accent);outline-offset:2px}.status-badge{display:inline-block;border-radius:var(--potato-radius-pill);padding:2px 10px;font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap}.status-pending{background:var(--potato-warning-weak);color:var(--potato-warning-text)}.status-accepted{background:var(--potato-info-weak);color:#1f4fad}.status-preparing{background:#fdece4;color:#b04a18}.status-ready{background:var(--potato-success-weak);color:var(--potato-success-text)}.status-out_for_delivery{background:#efeafc;color:#6a3fb0}.status-delivered{background:var(--potato-success-weak);color:var(--potato-success-text)}.status-completed{background:#e9ecef;color:#495057}.status-cancelled{background:var(--potato-danger-weak);color:var(--potato-danger-text)}.status-unpaid{background:var(--potato-warning-weak);color:var(--potato-warning-text)}.status-paid{background:var(--potato-success-weak);color:var(--potato-success-text)}.status-refunded{background:#e9ecef;color:#495057}.status-active{background:var(--potato-success-weak);color:var(--potato-success-text)}.status-inactive,.status-archived{background:#e9ecef;color:#495057}.status-suspended{background:var(--potato-warning-weak);color:var(--potato-warning-text)}.status-removed{background:var(--potato-danger-weak);color:var(--potato-danger-text)}.channel-badge{display:inline-block;border-radius:var(--potato-radius-pill);padding:2px 9px;font-size:11px;font-weight:600;white-space:nowrap;border:1px solid transparent}.channel-telegram{background:#e8f0fe;color:#1a73e8}.channel-web{background:var(--potato-accent-weak);color:var(--potato-success-text)}.channel-manual{background:#eef0f2;color:#495057}.context-line{font-size:13px;color:var(--muted, var(--potato-muted));padding:8px 2px 0}.brand-header{display:flex;align-items:center;gap:var(--potato-space-3);padding:var(--potato-space-3) 0;border-bottom:1px solid var(--border, var(--potato-border));margin-bottom:var(--potato-space-3)}.brand-logo{width:56px;height:56px;object-fit:cover;border-radius:var(--potato-radius-md);flex-shrink:0}.brand-logo-sm{width:40px;height:40px;object-fit:cover;border-radius:var(--potato-radius-sm);margin-bottom:4px}.brand-meta{min-width:0}.brand-name{font-size:16px}.app.has-cart-bar{padding-bottom:84px}.cart-bar{position:fixed;inset-inline:0;bottom:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--potato-space-3);max-width:520px;margin:0 auto;padding:12px 16px;background:var(--surface, var(--potato-surface));border-top:1px solid var(--border, var(--potato-border));box-shadow:0 -2px 10px #11182714}.cart-bar-info{display:flex;flex-direction:column;line-height:1.3}.cart-bar-count{font-size:12px;color:var(--muted, var(--potato-muted))}.cart-bar-button{min-height:44px;padding:10px 18px;border:none;border-radius:var(--potato-radius-md);background:var(--accent, var(--potato-accent));color:var(--accent-text, var(--potato-accent-text));font-size:15px;font-weight:600;cursor:pointer}.confirm-hero{margin-bottom:var(--potato-space-3)}.confirm-number{font-size:22px;font-weight:700}.kv-block{background:var(--surface, var(--potato-surface));border:1px solid var(--border, var(--potato-border));border-radius:var(--potato-radius-md);padding:10px 12px;margin-bottom:var(--potato-space-3)}.kv-block h3{margin:0 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted, var(--potato-muted))}.kv-block p{margin:2px 0}.items-block{margin:12px 0}.items-block h3{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted, var(--potato-muted))}.confirm-item{display:flex;justify-content:space-between;gap:var(--potato-space-3);padding:8px 0;border-bottom:1px solid var(--border, var(--potato-border))}.totals{margin-top:10px;text-align:end}.totals p{margin:2px 0}.grand-total{font-weight:700}.option-list{margin:2px 0 0;padding-inline-start:16px;color:var(--muted, var(--potato-muted));font-size:12px}.center-text{text-align:center}:root{color-scheme:light;--app-bg: var(--potato-bg);--surface: var(--potato-surface);--input-bg: var(--potato-input-bg);--text: var(--potato-text);--muted: var(--potato-muted);--border: var(--potato-border);--accent: var(--potato-accent);--accent-text: var(--potato-accent-text);--success: var(--potato-success);--danger: var(--potato-danger);--warn: var(--potato-warning)}*{box-sizing:border-box}body{margin:0;background:var(--app-bg);color:var(--text);line-height:1.45}.app{max-width:520px;margin:0 auto;min-height:100vh;background:var(--surface);padding:12px 16px 32px}.topbar{display:flex;align-items:center;gap:10px;padding:8px 0;position:sticky;top:0;background:var(--surface);border-bottom:1px solid var(--border);margin-bottom:12px;z-index:1}.topbar .back{background:transparent;border:none;font-size:20px;cursor:pointer;color:var(--text)}[dir=rtl] .topbar .back{transform:scaleX(-1)}.topbar span{font-weight:600;flex:1;unicode-bidi:plaintext}.lang-toggle{background:transparent;border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;color:var(--accent);cursor:pointer;white-space:nowrap}.banner{border-radius:8px;padding:10px 12px;margin:8px 0;display:flex;justify-content:space-between;align-items:center;font-size:14px}.banner.error{background:color-mix(in srgb,var(--danger) 12%,var(--surface));color:var(--danger)}.banner.notice{background:color-mix(in srgb,var(--warn) 14%,var(--surface));color:var(--warn)}.banner button{background:transparent;border:none;font-size:14px;cursor:pointer;color:inherit}.list{display:flex;flex-direction:column;gap:10px}.card{display:block;width:100%;text-align:start;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px;cursor:pointer;font:inherit;color:var(--text)}.card p{margin:4px 0 0;color:var(--muted);font-size:14px;unicode-bidi:plaintext}.card strong{unicode-bidi:plaintext}.card.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.product-row-info{flex:1;min-width:0}.menu-thumb{display:block;width:56px;height:56px;object-fit:cover;border-radius:8px;margin-bottom:6px}.detail-thumb{display:block;width:100%;max-height:240px;object-fit:cover;border-radius:10px}.select-hint{margin:0 0 4px}.screen{padding:24px 8px;text-align:start}.screen.center{text-align:center}.screen h2{unicode-bidi:plaintext}h1{margin-top:0}h2{margin:12px 0 8px}.price{color:var(--text);font-weight:600;white-space:nowrap;unicode-bidi:plaintext}.muted{color:var(--muted);font-size:13px;unicode-bidi:plaintext}.detail{display:flex;flex-direction:column;gap:10px}fieldset{border:1px solid var(--border);border-radius:10px;padding:10px 12px}legend{font-weight:600;padding:0 6px}.option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;cursor:pointer}.option input{margin-inline-end:8px}.primary{display:block;width:100%;margin-top:14px;padding:12px;background:var(--accent);color:var(--accent-text);border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer}.primary:disabled{opacity:.6}.link{background:transparent;border:none;color:var(--danger);cursor:pointer;padding:4px 0;font-size:13px}.qty{display:flex;align-items:center;gap:10px}.qty button{width:44px;height:44px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.row.between{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.total{font-weight:600;margin:12px 0;unicode-bidi:plaintext}.type-picker{display:flex;gap:8px;margin-bottom:12px}.type-picker button{flex:1;padding:10px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.type-picker button.selected{background:color-mix(in srgb,var(--accent) 18%,var(--surface));border-color:var(--accent);color:var(--text)}label{display:block;margin:10px 0;font-size:14px}label input,label textarea{display:block;width:100%;margin-top:4px;padding:10px;border:1px solid var(--border);border-radius:8px;font-size:15px;color:var(--text);background:var(--input-bg);font-family:inherit}label textarea{resize:vertical;min-height:60px}.align-right{text-align:end}.error-text{color:var(--danger)}.context-line,.confirm-item,.confirm-item strong,.confirm-item span,.confirm-number,.option-list,.option-list li{unicode-bidi:plaintext}.steps{margin:16px 0}.step{padding:8px 12px;border-inline-start:3px solid var(--border);color:var(--muted);unicode-bidi:plaintext}.step.done{border-inline-start-color:var(--success);color:var(--text);font-weight:600}
