.retail-industry{--retail-accent:color-mix(in oklch, var(--primary), #6359b5 38%);--retail-secondary:#725b9a;--retail-soft:color-mix(in oklch, #6c68a9, var(--background) 94%);--retail-shelf:color-mix(in oklch, var(--retail-accent), transparent 92%);--retail-ink:#393665;--retail-surface:color-mix(in oklch, var(--retail-accent), var(--background) 94%);--retail-line:color-mix(in oklch, var(--retail-accent), var(--border) 58%)}@supports (color:lab(0% 0 0)){.retail-industry{--retail-accent:color-mix(in oklch, var(--primary), lab(42.4433% 22.2526 -48.2919) 38%);--retail-secondary:lab(42.9559% 20.2686 -31.2998);--retail-soft:color-mix(in oklch, lab(46.6401% 13.6243 -34.8686), var(--background) 94%);--retail-ink:lab(24.7672% 11.733 -27.7345)}}.dark .retail-industry{--retail-soft:color-mix(in oklch, #514e80, var(--background) 88%)}@supports (color:lab(0% 0 0)){.dark .retail-industry{--retail-soft:color-mix(in oklch, lab(35.2784% 10.8166 -27.9132), var(--background) 88%)}}@layer utilities{.retail-shelf-bg{background-image:repeating-linear-gradient(180deg, transparent, transparent 31px, var(--retail-shelf) 31px, var(--retail-shelf) 32px);background-size:100% 32px}.retail-hero-glow{background:radial-gradient(ellipse 65% 50% at 0% 0%, color-mix(in oklch, var(--retail-accent), transparent 82%), transparent 55%), radial-gradient(ellipse 45% 40% at 100% 20%, color-mix(in oklch, var(--primary), transparent 90%), transparent 50%)}.retail-panel{border:1px solid color-mix(in oklch, var(--retail-accent), var(--border) 65%);background:linear-gradient(160deg, color-mix(in oklch, var(--card), var(--retail-soft) 35%) 0%, var(--card) 55%);box-shadow:0 0 0 1px color-mix(in oklch, var(--border), transparent 15%), 0 20px 48px -36px color-mix(in oklch, var(--retail-accent), transparent 78%)}.retail-pain-card{border:1px solid color-mix(in oklch, var(--retail-accent), var(--border) 70%);background:var(--card);box-shadow:0 12px 32px -28px color-mix(in oklch, var(--retail-accent), transparent 80%)}.retail-bento-feature{border:1px solid color-mix(in oklch, var(--retail-accent), var(--border) 62%);background:var(--card);transition:border-color .2s,box-shadow .2s,transform .2s}.retail-bento-feature:hover{border-color:color-mix(in oklch, var(--retail-accent), transparent 45%);box-shadow:0 18px 40px -32px color-mix(in oklch, var(--retail-accent), transparent 65%)}.retail-dark-band{border-block:1px solid color-mix(in oklch, var(--retail-accent), transparent 75%);background:radial-gradient(ellipse 70% 80% at 50% 120%, color-mix(in oklch, var(--primary), transparent 88%), transparent 55%), linear-gradient(180deg, color-mix(in oklch, #191928, var(--background) 15%) 0%, color-mix(in oklch, #10101c, var(--background) 8%) 100%)}@supports (color:lab(0% 0 0)){.retail-dark-band{background:radial-gradient(ellipse 70% 80% at 50% 120%, color-mix(in oklch, var(--primary), transparent 88%), transparent 55%), linear-gradient(180deg, color-mix(in oklch, lab(9.19814% 3.74068 -10.5484), var(--background) 15%) 0%, color-mix(in oklch, lab(5.06674% 2.39314 -7.99928), var(--background) 8%) 100%)}}.dark .retail-dark-band{background:radial-gradient(ellipse 70% 80% at 50% 120%, color-mix(in oklch, var(--primary), transparent 78%), transparent 55%), linear-gradient(180deg, #0c0c16 0%, #03060d 100%)}@supports (color:lab(0% 0 0)){.dark .retail-dark-band{background:radial-gradient(ellipse 70% 80% at 50% 120%, color-mix(in oklch, var(--primary), transparent 78%), transparent 55%), linear-gradient(180deg, lab(3.57552% 1.4687 -5.10729) 0%, lab(1.51253% .181951 -3.16651) 100%)}}.retail-stack-old{border:1px dashed color-mix(in oklch, var(--muted-foreground), transparent 55%);background:color-mix(in oklch, var(--muted), var(--card) 40%)}.retail-stack-new{border:1px solid color-mix(in oklch, var(--primary), transparent 55%);background:color-mix(in oklch, var(--primary), var(--card) 94%)}.retail-defer-paint{content-visibility:auto;contain-intrinsic-size:auto 720px}.retail-zone-tone{background:color-mix(in oklch, var(--retail-accent), transparent 90%)}.retail-zone-tone-alt{background:color-mix(in oklch, var(--retail-secondary), transparent 88%)}.retail-cell-shift{background:color-mix(in oklch, var(--retail-accent), transparent 78%);border-color:color-mix(in oklch, var(--retail-accent), transparent 52%)}.retail-cell-open{background:color-mix(in oklch, var(--destructive), transparent 88%);border-color:color-mix(in oklch, var(--destructive), transparent 55%)}}.retail-industry .retail-accent-text,.retail-industry .text-retail-ink{color:var(--retail-ink)}.retail-industry .retail-zone-pill{border:1px solid var(--retail-line);background:var(--card)}.retail-industry .retail-zone-pill[data-active=true]{border-color:color-mix(in oklch, var(--retail-accent), transparent 28%);background:color-mix(in oklch, var(--retail-accent), var(--card) 88%);box-shadow:0 0 0 1px color-mix(in oklch, var(--retail-accent), transparent 70%)}.retail-industry .warehouse-compare-before{border:1px dashed color-mix(in oklch, var(--muted-foreground), transparent 48%);background:color-mix(in oklch, var(--muted), var(--background) 72%)}.retail-industry .warehouse-compare-after{border:1px solid color-mix(in oklch, var(--retail-accent), transparent 38%);background:radial-gradient(ellipse 90% 70% at 100% 0%, color-mix(in oklch, var(--retail-accent), transparent 88%), transparent 55%), color-mix(in oklch, var(--retail-accent), var(--card) 92%);box-shadow:0 20px 48px -36px color-mix(in oklch, var(--retail-accent), transparent 62%)}.retail-industry .warehouse-compare-tile{border:1px solid color-mix(in oklch, var(--retail-accent), transparent 55%);background:color-mix(in oklch, var(--card), transparent 15%)}.retail-industry .warehouse-compare-bridge{border:1px solid var(--retail-line);background:color-mix(in oklch, var(--retail-accent), var(--card) 88%);box-shadow:0 8px 24px -16px color-mix(in oklch, var(--retail-accent), transparent 55%)}.retail-industry .warehouse-panel{border:1px solid var(--retail-line);background:color-mix(in oklch, var(--card), var(--retail-surface) 26%)}.retail-industry .warehouse-icon-wrap{background:color-mix(in oklch, var(--retail-accent), var(--card) 90%);color:var(--retail-ink);box-shadow:0 0 0 1px color-mix(in oklch, var(--retail-accent), transparent 68%)}.retail-industry .text-warehouse-ink{color:var(--retail-ink)}