/* CSL Product Layer · tablet/mobile first */
.productRail{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid rgba(90,181,255,.22);border-radius:16px;background:linear-gradient(180deg,rgba(12,25,37,.96),rgba(6,14,22,.96));box-shadow:0 14px 44px rgba(0,0,0,.24);position:sticky;top:8px;z-index:20;backdrop-filter:blur(14px)}
.productRailBrand{min-width:190px;display:flex;flex-direction:column}.productRailBrand b{font-size:12px;letter-spacing:.16em}.productRailBrand span{font-size:10px;color:#7fd5ff;letter-spacing:.08em}
.productRailNav{display:flex;gap:7px;flex:1;overflow:auto;scrollbar-width:none}.productRailNav::-webkit-scrollbar{display:none}.productRailNav button,.pwaState{white-space:nowrap;border:1px solid rgba(255,255,255,.10);border-radius:999px;padding:8px 12px;background:rgba(255,255,255,.04);color:#cfe8f8;font-size:11px;font-weight:800;letter-spacing:.06em;cursor:pointer}
.productRailNav button.active,.pwaState.ok{background:rgba(65,179,255,.16);border-color:rgba(75,189,255,.55);color:#fff}
.productHero{position:relative;overflow:hidden;border-color:rgba(75,189,255,.25)!important;background:radial-gradient(circle at 92% 10%,rgba(42,157,255,.16),transparent 34%),linear-gradient(160deg,rgba(11,24,36,.98),rgba(6,13,20,.98))!important}
.productHero:after{content:"";position:absolute;inset:auto -12% -60% auto;width:340px;height:340px;border-radius:50%;border:1px solid rgba(70,185,255,.12);box-shadow:0 0 0 28px rgba(70,185,255,.025),0 0 0 56px rgba(70,185,255,.02);pointer-events:none}
.heroActions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.flowSteps,.signalStrip,.matchdayMetrics{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.flowSteps span,.signalStrip span,.matchdayMetrics span{border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.04);padding:7px 9px;border-radius:10px;font-size:10px;font-weight:800;letter-spacing:.05em}.flowSteps i{align-self:center;color:#4db8ff}
.hunterControls{display:grid;grid-template-columns:1fr 2fr 1fr auto;gap:8px;margin-top:14px}.signalStrip span{color:#9edcff}
.rivalMatrix{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.intelMini{min-height:112px;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:11px;background:rgba(0,0,0,.18)}.intelMini small,.probableXI small{display:block;color:#78cfff;font-size:10px;font-weight:900;letter-spacing:.08em;margin-bottom:6px}.intelMini ul{margin:0;padding-left:17px}.intelMini li{font-size:12px;margin:4px 0;color:#dceaf4}.intelMini em{font-size:11px;color:#7e96a8}
.confidenceOrb{width:88px;height:88px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(76,195,255,.55);box-shadow:inset 0 0 28px rgba(44,170,255,.13),0 0 24px rgba(44,170,255,.08)}.confidenceOrb small{font-size:8px;color:#75cfff}.confidenceOrb b{font-size:22px}
.probableXI{display:grid;grid-template-columns:180px 1fr;gap:14px;margin-top:12px;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.15)}.xiNames{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.xiNames span{font-size:11px;padding:6px 8px;border-radius:8px;background:rgba(255,255,255,.04)}
.adminPulse{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.adminPulse div{text-align:center;padding:12px;border-radius:13px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.adminPulse b{display:block;font-size:22px}.adminPulse small{font-size:9px;color:#8fb4c8;letter-spacing:.08em}
.pilotBadge{animation:cslPulse 2.4s ease-in-out infinite}@keyframes cslPulse{50%{box-shadow:0 0 20px rgba(43,214,150,.28)}}
@media(max-width:900px){.productRail{position:relative;top:auto;align-items:flex-start;flex-wrap:wrap}.productRailBrand{min-width:auto;flex:1}.productRailNav{order:3;width:100%;flex-basis:100%}.hunterControls{grid-template-columns:1fr 1fr}.hunterControls input{grid-column:1/-1}.rivalMatrix{grid-template-columns:1fr 1fr}.probableXI{grid-template-columns:1fr}.xiNames{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.productRail{margin:0 -2px;padding:9px}.productRailBrand span{max-width:180px}.pwaState{padding:7px 9px}.rivalMatrix{grid-template-columns:1fr}.xiNames{grid-template-columns:1fr}.hunterControls{grid-template-columns:1fr}.hunterControls input{grid-column:auto}.adminPulse{grid-template-columns:1fr 1fr}.flowSteps i{display:none}.flowSteps span{flex:1 1 42%;text-align:center}.heroActions .btn{flex:1 1 100%}.confidenceOrb{width:70px;height:70px}.confidenceOrb b{font-size:18px}}