.dock-page:has(>.dock-navbar[data-phase=tablet])>.screen-body{padding:12px 18px}.workspace-panel.sample-app{overscroll-behavior:contain;height:100%;min-height:0;color:var(--ink);flex-direction:column;justify-content:flex-start;gap:10px;font-size:13px;line-height:1.4;display:flex;overflow:auto;container-type:inline-size}.sample-app[hidden],.sample-app [hidden]{display:none!important}.sample-app *{box-sizing:border-box}.sample-app h2,.sample-app h3,.sample-app p{margin:0}.sample-app h2{letter-spacing:-.04em;margin:2px 0 3px;font-size:20px;font-weight:650;line-height:1.15}.sample-app h3{letter-spacing:-.02em;font-size:14px;font-weight:650}.sample-app button,.sample-app input{font:inherit}.sample-app button{border:1px solid var(--line);background:var(--panel);min-height:44px;color:var(--ink);cursor:pointer;border-radius:8px;padding:8px 12px}.sample-app button:hover:enabled{background:var(--soft);border-color:var(--blue)}.sample-app button:focus-visible,.sample-app input:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.sample-app button:disabled{opacity:.6;cursor:default}.sample-app .sa-header{border-bottom:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.sample-app .sa-header p{font-size:11px}.sample-app .sa-header p,.sample-app small{color:var(--muted)}.sample-app .sa-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:10px;font-weight:600}.sample-app .sa-badge{background:var(--soft);color:var(--blue);white-space:nowrap;border-radius:5px;align-items:center;padding:4px 8px;font-size:10px;display:inline-flex}.sample-app .sa-pos-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(240px,.62fr);gap:16px;min-height:0;display:grid}.sample-app .sa-catalog{overscroll-behavior:contain;min-width:0;padding:1px 3px 3px;overflow:auto}.sample-app .sa-search{gap:5px;min-width:0;display:grid}.sample-app .sa-search>span{color:var(--muted);font-size:11px}.sample-app .sa-search input{border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;min-height:44px;color:var(--ink);border-radius:8px;padding:8px 12px}.sample-app .sa-search input::placeholder{color:var(--muted)}.sample-app .sa-tabs{flex-wrap:wrap;gap:5px;display:flex}.sample-app .sa-catalog>.sa-tabs{margin:8px 0}.sample-app .sa-tabs button{padding:7px 12px;font-size:12px}.sample-app .sa-tabs button[aria-pressed=true]{background:var(--soft);color:var(--blue);border-color:var(--blue)}.sample-app .sa-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.sample-app button.sa-product{text-align:left;flex-direction:column;align-items:flex-start;gap:3px;min-height:116px;padding:10px;display:flex}.sample-app .sa-product-mark{background:var(--soft);width:30px;height:30px;color:var(--blue);border-radius:8px;place-items:center;margin-bottom:2px;font-size:13px;font-weight:650;display:grid}.sample-app .sa-product-category{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px}.sample-app .sa-product strong{font-size:13px}.sample-app .sa-product-price{width:100%;color:var(--blue);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;font-weight:600;display:flex}.sample-app .sa-product-price small{font-size:10px;font-weight:400}.sample-app .sa-item-detail,.sample-app .sa-empty{border:1px solid var(--line);background:var(--soft);border-radius:8px;margin-top:12px;padding:14px}.sample-app .sa-item-detail p{color:var(--muted);margin:6px 0 10px}.sample-app .sa-order{border:1px solid var(--line);overscroll-behavior:contain;background:var(--panel);border-radius:12px;flex-direction:column;gap:6px;min-width:0;padding:12px;display:flex;overflow:auto}.sample-app .sa-order-heading{justify-content:space-between;align-items:center;gap:6px;display:flex}.sample-app .sa-order-heading>span,.sample-app .sa-order-id{color:var(--muted);font-size:10px}.sample-app .sa-order-lines>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding:4px 0;font-size:12px;display:flex}.sample-app .sa-order-lines small{margin-left:4px;font-size:10px;display:inline}.sample-app .sa-order-lines strong{white-space:nowrap;font-weight:600}.sample-app .sa-order-quantity{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;font-size:11px;display:flex}.sample-app .sa-order-total{justify-content:space-between;align-items:center;gap:6px;padding:6px 0;display:flex}.sample-app .sa-order-total small{font-size:10px;display:block}.sample-app .sa-order-total>strong{letter-spacing:-.04em;color:var(--blue);font-variant-numeric:tabular-nums;font-size:28px}.sample-app button.sa-primary{background:var(--blue);color:var(--blue-ink,white);border-color:var(--blue);font-weight:600}.sample-app button.sa-primary:hover:enabled{background:var(--ink);color:var(--panel)}.sample-app button.sa-reset{border-color:#0000}.sample-app .sa-order-actions{grid-template-columns:minmax(0,1fr) auto;gap:4px;display:grid}.sample-app .sa-order-actions button{white-space:nowrap;padding-inline:8px;font-size:12px}.sample-app .sa-fineprint{color:var(--muted);font-size:10px;line-height:1.45}.sample-app .sa-kitchen{border-top:1px solid var(--line);gap:8px;margin-top:auto;padding-top:10px;font-size:11px;display:flex}.sample-app .sa-kitchen p{color:var(--muted);margin-top:2px}.sample-app .sa-status-dot{background:var(--blue);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.sample-app .sa-account-scroll,.sample-app .sa-overview-scroll{overscroll-behavior:contain;min-height:0;padding:1px 3px 4px;overflow:auto}.sample-app .sa-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.sample-app .sa-metric{border:1px solid var(--line);border-radius:9px;flex-direction:column;gap:6px;min-width:0;padding:14px;display:flex}.sample-app .sa-metric>span{color:var(--muted);font-size:11px}.sample-app .sa-metric>strong{color:var(--blue);letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:24px;font-weight:600}.sample-app .sa-metric small{font-size:10px;line-height:1.45}.sample-app .sa-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.sample-app .sa-section-heading>span{color:var(--muted);font-size:10px}.sample-app .sa-ledger-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px;margin-bottom:12px;display:flex}.sample-app .sa-ledger-controls .sa-search{width:235px}.sample-app .sa-ledger-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:11px 4px;display:flex}.sample-app .sa-ledger-row>div{flex:1;min-width:0}.sample-app .sa-ledger-row small{margin-top:2px;font-size:10px;display:block}.sample-app .sa-ledger-row strong{font-size:12px;font-weight:600}.sample-app .sa-ledger-icon{background:var(--soft);width:30px;height:30px;color:var(--blue);border-radius:7px;flex-shrink:0;place-items:center;display:grid}.sample-app .sa-ledger-type{color:var(--muted);width:70px;font-size:10px}.sample-app .sa-ledger-amount{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:90px}.sample-app .sa-new-entry{background:var(--soft)}.sample-app .sa-ledger-footer{justify-content:space-between;gap:8px;padding:14px 4px;display:flex}.sample-app .sa-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sample-app .sa-card{border:1px solid var(--line);border-radius:10px;min-width:0;padding:14px}.sample-app .sa-chart{align-items:flex-end;gap:12px;height:96px;padding:4px 8px 0;display:flex}.sample-app .sa-chart>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;height:100%;display:flex}.sample-app .sa-chart span{background:var(--blue);width:100%;max-width:36px;height:calc(var(--bar) * .75);opacity:.85;border-radius:4px 4px 0 0}.sample-app .sa-chart small{font-size:9px}.sample-app [data-chart-summary]{color:var(--muted);margin-top:10px;font-size:10px}.sample-app .sa-stock-row{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;padding:9px 0;display:flex}.sample-app .sa-stock-row small{font-size:10px;display:block}.sample-app .sa-stock-row>strong{color:var(--blue);font-weight:600}.sample-app .sa-card>.sa-fineprint{margin-top:8px}.sample-app .sa-team-row{align-items:center;gap:9px;padding:9px 0;display:flex}.sample-app .sa-avatar{background:var(--soft);width:30px;height:30px;color:var(--blue);border-radius:50%;place-items:center;font-size:10px;display:grid}.sample-app .sa-team-row>div{flex:1}.sample-app .sa-team-row small{font-size:10px;display:block}.sample-app .sa-next p{color:var(--muted);margin:8px 0 14px;font-size:12px}.sample-app .sa-next>div{flex-wrap:wrap;gap:7px;display:flex}@container (width<=800px){.sample-app .sa-order-id,.sample-app .sa-kitchen{display:none}.sample-app .sa-metrics{margin-bottom:12px}.sample-app .sa-metric{gap:4px;padding:10px}.sample-app .sa-metric small{display:none}}@container (width<=650px){.sample-app .sa-pos-layout{grid-template-columns:minmax(0,1fr) minmax(180px,.8fr);gap:10px}.sample-app .sa-products{grid-template-columns:1fr}.sample-app .sa-metric{padding:10px}.sample-app .sa-metric>strong{font-size:18px}.sample-app .sa-ledger-type{display:none}}@container (width<=430px){.sample-app .sa-header{align-items:center;padding-bottom:6px}.sample-app .sa-header .sa-eyebrow,.sample-app .sa-header p{display:none}.sample-app .sa-order{order:-1}.sample-app h2{font-size:17px}.sample-app .sa-header p{font-size:10px}.sample-app .sa-eyebrow{font-size:8px}.sample-app .sa-pos-layout{flex-direction:column;flex:none;display:flex}.sample-app .sa-catalog,.sample-app .sa-order,.sample-app .sa-account-scroll,.sample-app .sa-overview-scroll{flex-shrink:0;overflow:visible}.sample-app .sa-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sample-app button.sa-product{min-height:130px;padding:10px}.sample-app .sa-product strong{font-size:13px}.sample-app .sa-product-mark{width:32px;height:32px;font-size:13px}.sample-app .sa-order{padding:12px}.sample-app .sa-metrics{grid-template-columns:1fr;gap:7px;margin-bottom:12px}.sample-app .sa-metric{grid-template-columns:1fr auto;gap:4px;display:grid}.sample-app .sa-metric small{grid-column:1/-1}.sample-app .sa-overview-grid{grid-template-columns:1fr}.sample-app .sa-ledger-controls .sa-search{width:100%}.sample-app .sa-ledger-row{gap:7px}.sample-app .sa-ledger-icon{display:none}.sample-app .sa-ledger-amount{min-width:72px;font-size:11px}.sample-app .sa-ledger-row>div>strong{overflow-wrap:anywhere;font-size:11px}}.workspace-panel.sample-app--presentation{overscroll-behavior:auto;cursor:default;gap:12px;overflow:clip;container-type:size}.sample-app--presentation *,.sample-app--presentation button{cursor:default;overscroll-behavior:auto}.sample-app--presentation>:not(.sa-header):not(.sa-tour){display:none}.sample-app--presentation .sa-header{padding-bottom:10px}.sample-app--presentation .sa-header>button,.sample-app--presentation .sa-header>.sa-tabs,.sample-app--presentation .sa-header p,.sample-app--presentation .sa-header .sa-eyebrow{display:none}.sample-app--presentation .sa-header h2{margin:0;font-size:21px}.sample-app--presentation .sa-tour{flex:1;min-height:0;overflow:clip}.sample-app--presentation .sa-tour-full{height:100%;overflow:clip}.sample-app--presentation .sa-tour-compact{display:none}.sample-app--presentation .sa-tour-pos{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;height:100%;display:grid}.sample-app--presentation .sa-tour-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sample-app--presentation .sa-tour-product{border:1px solid var(--line);border-radius:9px;flex-wrap:wrap;align-items:center;gap:9px;min-width:0;padding:14px;display:flex}.sample-app--presentation .sa-tour-product>div{flex:1;min-width:70px}.sample-app--presentation .sa-tour-product small{font-size:10px;display:block}.sample-app--presentation .sa-tour-product>strong{color:var(--blue)}.sample-app--presentation .sa-tour-order,.sample-app--presentation .sa-tour-transactions,.sample-app--presentation .sa-tour-chart-card,.sample-app--presentation .sa-tour-stock{border:1px solid var(--line);border-radius:10px;padding:16px;overflow:clip}.sample-app--presentation .sa-tour-order-ref{color:var(--muted);font-size:11px}.sample-app--presentation .sa-tour-caption{color:var(--muted);font-size:10px}.sample-app--presentation .sa-tour-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.sample-app--presentation .sa-tour-metrics .sa-metric small{display:none}.sample-app--presentation .sa-tour-entry{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:12px 0;display:flex}.sample-app--presentation .sa-tour-entry strong{font-size:12px;font-weight:600}.sample-app--presentation .sa-tour-entry>strong{white-space:nowrap;color:var(--blue)}.sample-app--presentation .sa-tour-entry small{margin-top:3px;font-size:10px;display:block}.sample-app--presentation .sa-tour-overview{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sample-app--presentation .sa-chart{height:110px}@container (height<=330px){.sample-app--presentation .sa-tour-product{gap:6px;padding:10px}.sample-app--presentation .sa-tour-product .sa-product-mark{width:30px;height:30px;margin:0;font-size:13px}.sample-app--presentation .sa-tour-order,.sample-app--presentation .sa-tour-transactions,.sample-app--presentation .sa-tour-chart-card,.sample-app--presentation .sa-tour-stock{padding:12px}.sample-app--presentation .sa-tour-metrics{margin-bottom:10px}.sample-app--presentation .sa-tour-metrics .sa-metric{gap:3px;padding:10px}.sample-app--presentation .sa-metric>strong{font-size:21px}.sample-app--presentation .sa-tour-entry{padding:7px 0}.sample-app--presentation .sa-chart{height:65px}.sample-app--presentation .sa-order-lines>div{padding:7px 0}.sample-app--presentation .sa-order-total{padding:8px 0}}@container (width<=650px){.sample-app--presentation .sa-tour-product{padding:9px;font-size:11px}.sample-app--presentation .sa-tour-product .sa-product-mark{display:none}.sample-app--presentation .sa-tour-products{gap:7px}}@container (width<=430px) or (height<=260px){.sample-app--presentation .sa-header,.sample-app--presentation .sa-tour-full{display:none}.sample-app--presentation .sa-tour-compact{flex-direction:column;justify-content:center;gap:4px;height:100%;padding:1px 0;display:flex;overflow:clip}.sample-app--presentation .sa-tour-row{justify-content:space-between;align-items:baseline;gap:7px;min-width:0;font-size:11px;line-height:1.35;display:flex}.sample-app--presentation .sa-tour-row>strong:last-child{white-space:nowrap;color:var(--blue);font-variant-numeric:tabular-nums}.sample-app--presentation .sa-tour-row strong{font-weight:600}.sample-app--presentation .sa-tour-caption{font-size:9px}.sample-app--presentation .sa-tour-item-summary{color:var(--muted);font-size:10px}}.sample-app .sa-orders-live{min-height:0;overflow:auto}.sample-app .sa-queue-summary{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.sample-app .sa-queue-summary>span{color:var(--muted);font-size:11px}.sample-app .sa-queue-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.sample-app .sa-queue-column{border:1px solid var(--line);background:var(--soft);border-radius:10px;min-width:0;padding:12px}.sample-app .sa-queue-ticket{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px}.sample-app .sa-ticket-heading{flex-wrap:wrap;justify-content:space-between;gap:4px;display:flex}.sample-app .sa-ticket-heading small{font-size:9px}.sample-app .sa-queue-ticket>p{color:var(--muted);margin-top:12px;font-size:11px}.sample-app .sa-ticket-items{gap:6px;margin:14px 0;font-size:12px;display:grid}.sample-app .sa-ticket-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:6px;padding-top:10px;display:flex}.sample-app .sa-ticket-footer span{color:var(--muted);font-size:10px}.sample-app .sa-ticket-footer strong{color:var(--blue)}.sample-app .sa-queue-empty{color:var(--muted);padding:16px 4px;font-size:11px}.sample-app--presentation .sa-orders-live{display:none}@container (height<=330px){.sample-app--presentation .sa-queue-summary{margin-bottom:8px}.sample-app--presentation .sa-queue-column{padding:8px}.sample-app--presentation .sa-queue-ticket{padding:9px}.sample-app--presentation .sa-queue-ticket>p{margin-top:7px}.sample-app--presentation .sa-ticket-items{gap:3px;margin:8px 0;font-size:11px}.sample-app--presentation .sa-ticket-footer{padding-top:7px}}@container (width<=430px){.sample-app .sa-orders-live .sa-queue-columns{grid-template-columns:1fr}}