/* Shared POS, Products & Inventory UI crops. */
.pi-scene,.pi-scene *{box-sizing:border-box}.pi-scene{width:100%;height:100%;overflow:hidden;color:#182841;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:left}.pi-stage{position:relative;width:100%;height:100%;min-height:210px;overflow:hidden;background:#fff;font-size:10px}.pi-stage small{font-size:8px}.pi-top{height:31px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 13px;border-bottom:1px solid #e6ebf3;color:#768aa4;font-size:8px}.pi-top b{color:#1154ad;font-size:9px}.pi-cursor{position:absolute;z-index:9;left:85%;top:8%;width:23px;height:23px;pointer-events:none;transition:left .2s cubic-bezier(.35,0,.2,1),top .2s cubic-bezier(.35,0,.2,1),transform .09s ease;filter:drop-shadow(0 1px 1px #30406040)}.pi-cursor svg{display:block;width:100%;height:100%}.pi-cursor.pi-click{transform:scale(.84)}
.pi-only-b,.pi-only-c,.pi-only-d,.pi-in-bc{display:none!important}.pi-scene[data-state=b] .pi-only-a,.pi-scene[data-state=b] .pi-only-c,.pi-scene[data-state=b] .pi-only-d,.pi-scene[data-state=c] .pi-only-a,.pi-scene[data-state=c] .pi-only-b,.pi-scene[data-state=c] .pi-only-d,.pi-scene[data-state=d] .pi-only-a,.pi-scene[data-state=d] .pi-only-b,.pi-scene[data-state=d] .pi-only-c{display:none!important}.pi-scene[data-state=b] .pi-only-b,.pi-scene[data-state=c] .pi-only-c,.pi-scene[data-state=d] .pi-only-d,.pi-scene[data-state=b] .pi-in-bc,.pi-scene[data-state=c] .pi-in-bc{display:block!important}.pi-scene[data-state=c] .pi-not-c{display:none!important}
/* POS catalog and one cart. */
.pi-pos{display:grid;grid-template-columns:52% 48%;height:calc(100% - 31px)}.pi-pos-catalog{min-width:0;padding:10px 9px;border-right:1px solid #e8edf4}.pi-pos-catalog>small,.pi-activity-head small,.pi-movement small,.pi-order-content small{display:block;color:#7488a4;font-size:7px;font-weight:800;letter-spacing:.07em}.pi-search{margin:6px 0 8px;padding:6px 7px;border:1px solid #e1e9f2;border-radius:5px;color:#9aa8b9;font-size:8px}.pi-catalog-row{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:37px;padding:4px;border-bottom:1px solid #edf1f6}.pi-catalog-row>div{min-width:0}.pi-catalog-row b,.pi-catalog-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pi-catalog-row b{font-size:8px}.pi-catalog-row small{margin-top:3px;color:#8290a4;font-size:7px}.pi-catalog-row strong{font-size:8px}.pi-icon{width:21px;height:21px;display:grid;place-items:center;border-radius:5px;background:#e6effb;color:#1354a9;font-size:9px;font-weight:800}.pi-icon-service{background:#fceaf2;color:#ca4a87}.pi-icon-package{background:#e9f2ed;color:#327e61}.pi-pos-cart{position:relative;min-width:0;padding:11px 9px;background:#f7faff}.pi-cart-title{display:flex;justify-content:space-between;padding-bottom:7px;border-bottom:1px solid #e3eaf4;font-size:9px;font-weight:800}.pi-cart-title span{color:#1355b2;font-size:8px}.pi-cart-customer{display:flex;justify-content:space-between;margin:7px 0;padding:7px;border:1px solid #e1e9f3;border-radius:5px;background:#fff;color:#74849a;font-size:8px}.pi-cart-customer b{color:#23354d}.pi-cart-line{display:grid;grid-template-columns:14px minmax(0,1fr) auto;align-items:center;gap:4px;min-height:26px;border-bottom:1px solid #e9edf5;font-size:8px}.pi-cart-item-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pi-cart-line>b{margin-left:0}.pi-cart-line.pi-in-bc,.pi-cart-line.pi-only-c{display:none}.pi-scene[data-state=b] .pi-cart-line.pi-in-bc,.pi-scene[data-state=c] .pi-cart-line.pi-in-bc,.pi-scene[data-state=c] .pi-cart-line.pi-only-c{display:grid!important}.pi-remove{width:14px;height:18px;display:grid;place-items:center;margin:0;padding:0;color:#cc4a84;font-size:12px;font-weight:800}.pi-cart-total{display:flex;justify-content:space-between;margin-top:8px;padding-top:7px;border-top:1px solid #dfe8f3;font-size:10px;font-weight:800}.pi-pay{margin-top:7px;padding:6px;border-radius:5px;background:#1557b5;color:#fff;font-size:8px;font-weight:800;text-align:center}
/* Separate language fields and assistance in product creation. */
.pi-draft{padding:11px 12px}.pi-draft-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:9px}.pi-draft-head strong{font-size:12px}.pi-draft-head small{color:#8b99ab}.pi-draft-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.pi-field{min-width:0;min-height:48px;padding:7px;border:1px solid #e5ebf3;border-radius:6px;background:#fbfcfe}.pi-field small{display:block;margin-bottom:4px;color:#7386a0;font-size:7px;font-weight:800;letter-spacing:.04em}.pi-field b{display:block;line-height:1.3;font-size:8px}.pi-placeholder{color:#a2acb9;font-weight:500}.pi-assist{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.pi-assist span{padding:6px 7px;border-radius:5px;background:#e9f1fd;color:#1354ab;font-size:8px;font-weight:800}.pi-scene-2[data-state=b] .pi-target-name,.pi-scene-2[data-state=c] .pi-target-name,.pi-scene-2[data-state=c] .pi-target-description{background:#dceafc}.pi-draft-footer{display:flex;justify-content:space-between;gap:6px;margin-top:9px;color:#8897a9;font-size:7px}.pi-draft-footer b{color:#c54a82;font-size:8px;white-space:nowrap}
/* Variant rows share one detail area. */
.pi-variants{display:grid;grid-template-columns:43% 57%;height:calc(100% - 31px)}.pi-variant-list{min-width:0;padding:12px 7px;border-right:1px solid #e8edf4}.pi-variant-title{margin-bottom:10px;font-size:9px;font-weight:800}.pi-variant-title span{display:block;margin-top:3px;color:#8a99ac;font-size:7px;font-weight:500}.pi-variant-row{display:flex;align-items:center;gap:5px;margin-bottom:5px;padding:7px 5px;border:1px solid #e7edf4;border-radius:6px;font-size:8px}.pi-variant-row span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pi-variant-row>b{margin-left:auto;font-size:8px}.pi-variant-row i{width:9px;height:9px;flex:none;border-radius:50%;background:#2364bd}.pi-variant-row i.pi-color-rose{background:#df6c9e}.pi-scene-3[data-state=a] .pi-selected-a,.pi-scene-3[data-state=b] .pi-selected-b,.pi-scene-3[data-state=c] .pi-selected-c{border-color:#9dbde9;background:#edf4fd}.pi-variant-detail{min-width:0;padding:16px 10px}.pi-variant-detail>small{color:#7b8ca3;font-weight:800;letter-spacing:.07em}.pi-variant-detail>strong{display:block;margin:7px 0 12px;font-size:15px;letter-spacing:-.03em}.pi-variant-facts{display:grid;grid-template-columns:1fr 1fr;gap:5px}.pi-variant-facts>div{min-width:0;padding:7px;border-radius:5px;background:#f4f7fb}.pi-variant-facts small{display:block;margin-bottom:4px;color:#8291a4;font-size:7px;font-weight:800}.pi-variant-facts b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.pi-barcode{margin-top:9px;color:#8a9aad;font-size:7px}
/* Recorded inventory movements, not live stock mutation. */
.pi-activity{padding:11px 12px}.pi-activity-head{display:flex;align-items:end;justify-content:space-between;gap:8px;margin-bottom:10px}.pi-activity-head strong{display:block;margin-top:3px;font-size:15px}.pi-activity-head>span{padding:5px 7px;border-radius:5px;background:#eaf2fc;color:#1455ac;font-size:8px;white-space:nowrap}.pi-activity-body{display:grid;grid-template-columns:53% 47%;gap:8px}.pi-events{min-width:0}.pi-event{display:flex;align-items:center;gap:6px;min-height:31px;padding:5px 6px;border-bottom:1px solid #edf1f6;color:#526781;font-size:8px}.pi-event span:nth-child(2){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pi-event>b{margin-left:auto;font-size:8px}.pi-event-icon{width:17px;height:17px;display:grid;place-items:center;flex:none;border-radius:4px;background:#fce9f1;color:#c84b83;font-size:10px;font-weight:800}.pi-plus{background:#e7f3ea;color:#278456}.pi-scene-4[data-state=a] .pi-active-a,.pi-scene-4[data-state=b] .pi-active-b,.pi-scene-4[data-state=c] .pi-active-c,.pi-scene-4[data-state=d] .pi-active-d{border-radius:5px;background:#edf4fd;color:#1355ad;font-weight:800}.pi-movement{min-width:0;min-height:133px;padding:13px 9px;border:1px solid #e4ebf4;border-radius:7px;background:#fbfcfe}.pi-movement strong{display:block;margin:12px 0 8px;font-size:20px;line-height:1.1}.pi-movement p{margin:0;color:#71839b;font-size:8px;line-height:1.5}
/* Purchasing, supplier and sales-order destinations. */
.pi-orders{display:grid;grid-template-columns:38% 62%;height:calc(100% - 31px)}.pi-order-nav{padding:12px 7px;border-right:1px solid #e8edf4;background:#f8fafd}.pi-order-nav>div{margin:2px 0;padding:8px 6px;border-radius:5px;color:#62758d;font-size:8px;font-weight:750}.pi-scene-5[data-state=a] .pi-active-a,.pi-scene-5[data-state=b] .pi-active-b,.pi-scene-5[data-state=c] .pi-active-c{background:#e7f0fd;color:#1355ad}.pi-order-content{min-width:0;padding:17px 11px}.pi-order-content strong{display:block;margin:6px 0 11px;font-size:15px;line-height:1.15}.pi-order-row{display:flex;justify-content:space-between;gap:5px;padding:7px 0;border-bottom:1px solid #e9edf4;color:#78889d;font-size:8px}.pi-order-row b{max-width:61%;overflow:hidden;color:#273a54;text-align:right;text-overflow:ellipsis;white-space:nowrap}.pi-order-row .pi-status-good{color:#238155}.pi-order-note{margin-top:11px;color:#8a9caf;font-size:8px}
/* Inset product UI, preserving the five-card width rhythm and mobile reflow. */
#module-04 .moment-grid{grid-auto-rows:445px}#module-04 .moment-card{background:#eaf2fb}#module-04 .moment-copy{min-height:137px}#module-04 .moment-demo-link{display:inline-flex;align-items:center;gap:4px;margin-top:8px;color:#1355b2;font-size:11px;font-weight:750}#module-04 .moment-demo-link:hover{text-decoration:underline;text-underline-offset:3px}#module-04 .moment-visual.pos-moment-visual{overflow:hidden;padding:0;border-color:#dce6f2;background:#fff}#module-04 .collage-5 .moment-card:nth-child(3) .pos-moment-visual{width:100%;height:100%}
@media(min-width:681px){#module-04 .collage-5 .moment-card:nth-child(3) .pi-variant-list{padding:27px 22px}#module-04 .collage-5 .moment-card:nth-child(3) .pi-variant-title{margin-bottom:22px;font-size:17px}#module-04 .collage-5 .moment-card:nth-child(3) .pi-variant-title span{margin-top:6px;font-size:10px}#module-04 .collage-5 .moment-card:nth-child(3) .pi-variant-row{min-height:56px;gap:10px;margin-bottom:9px;padding:10px;font-size:12px}#module-04 .collage-5 .moment-card:nth-child(3) .pi-variant-row>b{font-size:11px}#module-04 .collage-5 .moment-card:nth-child(3) .pi-variant-row i{width:13px;height:13px}#module-04 .collage-5 .moment-card:nth-child(3) .pi-variant-detail{padding:34px 26px}#module-04 .collage-5 .moment-card:nth-child(3) .pi-variant-detail>strong{margin:10px 0 23px;font-size:27px}#module-04 .collage-5 .moment-card:nth-child(3) .pi-variant-facts{gap:9px}#module-04 .collage-5 .moment-card:nth-child(3) .pi-variant-facts>div{padding:14px}#module-04 .collage-5 .moment-card:nth-child(3) .pi-variant-facts b{font-size:11px}#module-04 .collage-5 .moment-card:nth-child(3) .pi-barcode{margin-top:15px;font-size:10px}}
.highlights .moment-card,.highlights .moment-card:nth-child(2),.highlights .moment-card:nth-child(3),.highlights .moment-card:nth-child(4),.highlights .moment-card:nth-child(5){height:420px;background:#eaf2fb}.highlights .moment-copy{min-height:143px}.highlights .moment-visual.pos-moment-visual{margin:0 0 20px;padding:0;border:1px solid #dce6f2;border-radius:10px;background:#fff}
@media(max-width:900px){.pi-pos-catalog,.pi-pos-cart{padding-right:7px;padding-left:7px}.pi-catalog-row{gap:4px}.pi-variant-detail{padding-right:7px;padding-left:7px}}
@media(max-width:620px){#module-04 .moment-grid{grid-auto-rows:425px}#module-04 .collage-5 .moment-card:nth-child(3) .pos-moment-visual{height:auto}.highlights .moment-card,.highlights .moment-card:nth-child(2),.highlights .moment-card:nth-child(3),.highlights .moment-card:nth-child(4),.highlights .moment-card:nth-child(5){height:410px}.highlights .moment-copy{min-height:137px}.pi-stage{font-size:9px}}
@media(prefers-reduced-motion:reduce){.pi-cursor{display:none!important}.pi-scene *{transition:none!important}}

/* Sample product photography appears only in product fields. */
.pi-product-photo{background:#e8eced url('./products/harbour-hound-collar-blue.png') center/contain no-repeat}
.pi-variant-identity{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;margin:7px 0 12px}
.pi-variant-identity>div{min-width:0}
.pi-variant-identity small{display:block;color:#7b8ca3;font-size:8px;font-weight:800;letter-spacing:.07em}
.pi-variant-identity strong{display:block;margin-top:5px;font-size:15px;line-height:1.12;letter-spacing:-.03em}
.pi-variant-photo{width:39px;height:39px;flex:none;border:1px solid #e6ebf2;border-radius:7px;background:#e8eced url('./products/harbour-hound-collar-blue.png') center/contain no-repeat}
.pi-scene-3[data-state=c] .pi-variant-photo{background-image:url('./products/harbour-hound-collar-rose.png');background-position:50% 54%;background-size:contain}
@media(min-width:681px){#module-04 .collage-5 .moment-card:nth-child(3) .pi-variant-identity{margin:10px 0 23px}#module-04 .collage-5 .moment-card:nth-child(3) .pi-variant-identity strong{font-size:27px}#module-04 .collage-5 .moment-card:nth-child(3) .pi-variant-photo{width:70px;height:70px}}

/* A compact chronological stock chart: purchase +10, online order -1, POS sale -1. */
.pi-movement{padding:9px 9px 6px}
.pi-movement strong{margin:6px 0 1px;font-size:18px}
.pi-stock-chart svg{display:block;width:100%;height:auto;max-height:65px;overflow:visible}
.pi-stock-axis{fill:none;stroke:#dce5f0;stroke-width:1}
.pi-stock-line{fill:none;stroke:#1760b8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pi-stock-point{fill:#fff;stroke:#1760b8;stroke-width:1.8}
.pi-scene-4[data-state=b] .pi-point-pos,.pi-scene-4[data-state=c] .pi-point-purchase,.pi-scene-4[data-state=d] .pi-point-online{fill:#e64b91;stroke:#c83c7b;stroke-width:2.3}
#module-04 .pi-scene-1 .pi-pos-catalog{border-right-color:#d6e0ec}
#module-04 .pi-scene-1 .pi-pos-cart{background:#f7f9fc}
.pi-stock-chart text{fill:#72849c;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:7px;font-weight:750}