/* GO-Cortex product tour — uses the site tokens; fallbacks match go-cortex-design-system.md */
.pt{--pt-paper:var(--paper,#fff);--pt-surface:var(--surface,#F3F3F7);--pt-surface-2:var(--surface-2,#E8E8F0);--pt-ink:var(--ink,#0D0C18);--pt-ink-2:var(--ink-2,#3B3A4E);--pt-muted:var(--muted,#696880);--pt-line:var(--line,#DCDCE6);--pt-brand:var(--brand,#0D0C18);--pt-brand-ink:var(--brand-ink,#fff);--pt-accent:var(--accent,#3346E0);--pt-good:var(--good,#0A6A4E);--pt-good-t:var(--good-tint,#E4F1EC);--pt-red:var(--red,#C3372C);--pt-red-t:var(--red-tint,#FBE9E7);--pt-amber:var(--amber,#A8660A);--pt-amber-t:var(--amber-tint,#FBF0DD);
  background:var(--pt-surface);color:var(--pt-ink);font-family:"Cairo",system-ui,sans-serif;padding-block:104px}
.pt *{box-sizing:border-box}
.pt-wrap{max-width:1180px;margin-inline:auto;padding-inline:20px}
.pt-eyebrow{margin:0;font-size:14.5px;font-weight:600;color:var(--pt-accent)}
.pt-h2{margin:10px 0 0;font-size:clamp(30px,3.8vw,48px);font-weight:800;line-height:1.25;text-wrap:balance;max-width:760px}
.pt-lede{margin:16px 0 0;font-size:19px;color:var(--pt-ink-2);max-width:620px;line-height:1.7}
.pt-tour{display:grid;grid-template-columns:250px minmax(0,1fr);gap:36px;margin-top:52px;align-items:start}
.pt-tabs{display:flex;flex-direction:column;border-inline-start:2px solid var(--pt-line)}
.pt-tabs button{font:inherit;background:transparent;border:0;cursor:pointer;text-align:start;padding:11px 18px;margin-inline-start:-2px;border-inline-start:2px solid transparent;color:var(--pt-muted);line-height:1.35}
.pt-tabs button:hover{color:var(--pt-ink)}
.pt-tabs button[aria-selected="true"]{color:var(--pt-ink);border-color:var(--pt-brand)}
.pt-tabs button[aria-selected="true"] .pt-tl{font-weight:700}
.pt-tabs .pt-tl{display:block;font-size:16.5px;font-weight:500}
.pt-tabs small{display:block;font-size:13.5px;color:var(--pt-muted)}
.pt-tabs button:focus-visible{outline:2px solid var(--pt-accent);outline-offset:2px}
.pt-panels{min-width:0}
.pt-screen{border:1px solid var(--pt-line);border-radius:10px;background:var(--pt-paper);overflow:hidden}
.pt-screen[hidden]{display:none}
.pt-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:11px 16px;border-bottom:1px solid var(--pt-line);background:var(--pt-surface);font-size:13.5px;color:var(--pt-muted)}
.pt-bar b{color:var(--pt-ink);font-weight:700}
.pt-where{margin-inline-start:auto;font-family:"IBM Plex Mono",monospace;font-size:12.5px;direction:ltr}
.pt-body{padding:18px;overflow-x:auto}
.pt-cap{margin:0;padding:16px 18px;border-top:1px solid var(--pt-line);font-size:16px;color:var(--pt-ink-2);line-height:1.7}
.pt-cap b{color:var(--pt-ink)}
.pt-table{width:100%;border-collapse:collapse;font-size:14px;min-width:500px}
.pt-table th{font-weight:600;font-size:12.5px;color:var(--pt-muted);text-align:start;padding:8px 10px;border-bottom:1px solid var(--pt-line);white-space:nowrap}
.pt-table td{padding:10px;border-bottom:1px solid var(--pt-line);white-space:nowrap}
.pt-table .n{text-align:end}
.pt-table td.n{font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums}
.pt-total td{font-weight:700;border-bottom:0;border-top:2px solid var(--pt-ink)}
.pt-code{font-family:"IBM Plex Mono",monospace;font-size:13px;direction:ltr;unicode-bidi:isolate}
.pt-tag{display:inline-block;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:4px}
.pt-g{background:var(--pt-good-t);color:var(--pt-good)}.pt-a{background:var(--pt-amber-t);color:var(--pt-amber)}.pt-r{background:var(--pt-red-t);color:var(--pt-red)}.pt-n{background:var(--pt-surface-2);color:var(--pt-ink-2)}.pt-b{background:var(--pt-surface-2);color:var(--pt-accent)}
.pt-floor{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;min-width:420px}
.pt-tb{aspect-ratio:1.25;border-radius:6px;border:1px solid var(--pt-line);display:flex;flex-direction:column;justify-content:space-between;padding:7px 8px;font-size:12px}
.pt-tb b{font-family:"IBM Plex Mono",monospace;font-size:13px;direction:ltr;text-align:start}
.pt-tb-busy{background:var(--pt-brand);border-color:var(--pt-brand);color:var(--pt-brand-ink)}
.pt-tb-open{background:var(--pt-amber-t);border-color:transparent;color:var(--pt-amber)}
.pt-legend{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px;font-size:13px;color:var(--pt-muted)}
.pt-sw{display:inline-block;width:10px;height:10px;border-radius:2px;margin-inline-end:6px;vertical-align:middle}
.pt-sw-busy{background:var(--pt-brand)}.pt-sw-open{background:var(--pt-amber-t)}.pt-sw-free{border:1px solid var(--pt-line)}
.pt-more{margin:28px 0 0;font-size:16px;color:var(--pt-ink-2)}
.pt-more a{color:var(--pt-accent);font-weight:600}
@media (max-width:900px){.pt-tour{grid-template-columns:minmax(0,1fr);gap:20px}.pt-tabs{flex-direction:row;overflow-x:auto;border-inline-start:0;border-bottom:2px solid var(--pt-line);scrollbar-width:thin}.pt-tabs button{border-inline-start:0;border-bottom:2px solid transparent;margin:0 0 -2px;white-space:nowrap;padding:10px 14px}.pt-tabs small{display:none}.pt-tabs button[aria-selected="true"]{border-color:var(--pt-brand)}}
@media (max-width:700px){.pt{padding-block:68px}}
/* POS business-type switch + till screens */
.pt-seg{display:flex;gap:4px;padding:10px 12px;border-bottom:1px solid var(--pt-line);background:var(--pt-paper);overflow-x:auto}
.pt-seg button{font:inherit;font-size:14px;font-weight:600;border:1px solid var(--pt-line);background:var(--pt-paper);color:var(--pt-muted);border-radius:999px;padding:5px 14px;cursor:pointer;white-space:nowrap}
.pt-seg button[aria-pressed="true"]{background:var(--pt-brand);border-color:var(--pt-brand);color:var(--pt-brand-ink)}
.pt-seg button:focus-visible{outline:2px solid var(--pt-accent);outline-offset:2px}
.pt-view[hidden]{display:none}
.pt-till{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;min-width:560px}
.pt-till-m{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);min-width:640px}
.pt-till-m .pt-table{min-width:0}
.pt-cart{display:flex;flex-direction:column;gap:0}
.pt-scan{border:1px dashed var(--pt-line);border-radius:6px;padding:8px 12px;font-size:13px;color:var(--pt-muted);margin-bottom:6px}
.pt-li{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:10px 2px;border-bottom:1px solid var(--pt-line);font-size:14px}
.pt-li b{font-weight:600;display:block}
.pt-chip{display:inline-block;margin-top:3px;font-size:12px;color:var(--pt-ink-2);background:var(--pt-surface);border-radius:4px;padding:1px 7px}
.pt-q,.pt-m{font-family:"IBM Plex Mono",monospace;font-variant-numeric:tabular-nums}
.pt-q{color:var(--pt-muted);font-size:13px}
.pt-side{background:var(--pt-surface);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:10px}
.pt-side-h{margin:0;font-size:13.5px;font-weight:700}
.pt-mini{min-width:0;font-size:13.5px;background:var(--pt-paper);border-radius:6px}
.pt-mini td,.pt-mini th{padding:7px 8px}
.pt-mini tr.pt-sel td{background:var(--pt-surface-2);font-weight:700}
.pt-pay{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding-top:10px}
.pt-tot{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;color:var(--pt-muted)}
.pt-tot b{font-size:20px;color:var(--pt-ink);font-family:"IBM Plex Mono",monospace;font-weight:600}
.pt-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pt-btn{display:block;text-align:center;border:1px solid var(--pt-line);border-radius:6px;padding:8px;font-size:14px;font-weight:600;background:var(--pt-paper)}
.pt-btn-p{background:var(--pt-brand);border-color:var(--pt-brand);color:var(--pt-brand-ink)}
.pt-keys{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
.pt-key{background:var(--pt-paper);border:1px solid var(--pt-line);border-radius:6px;padding:10px 4px;text-align:center;font-size:12.5px;font-weight:600}
.pt-offer td{color:var(--pt-good)}
.pt-till-m{grid-template-columns:minmax(0,2.3fr) minmax(0,1fr);min-width:720px}
.pt-till-m .pt-table td,.pt-till-m .pt-table th{padding-inline:7px}
.pt-till-m .pt-code{font-size:12px}
.pt-till-m .pt-cart{overflow-x:auto}
.pt-opt-h{margin:4px 0 0;font-size:12.5px;color:var(--pt-muted)}
.pt-opts{display:flex;flex-wrap:wrap;gap:6px}
.pt-opt{border:1px solid var(--pt-line);background:var(--pt-paper);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600}
.pt-opt.pt-on{background:var(--pt-brand);border-color:var(--pt-brand);color:var(--pt-brand-ink)}