/* B260: the live app at product fidelity. Same states and script as B253 (live-b253), redrawn: a real rail with icons and
   a workspace, a top bar with search, cards with owners, sparklines, a target mark, an agent at work and an approval that
   shows what will be sent. Sizes are in container units of the frame. */
.lv2{grid-template-columns:17cqw 1fr;background:#f6f8fc;font-size:1.2cqw}
.lv2 .lv-rail{padding:2.4cqw 1.4cqw;gap:.5cqw}
.sx-browser .lv2 img.lv-logo{height:2.2cqw;width:auto;margin:0 0 1.6cqw .6cqw}
.lv-ws{display:flex;align-items:center;gap:.8cqw;padding:.8cqw;border-radius:.9cqw;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);margin-bottom:1.4cqw}
.lv-ws span{display:grid;place-items:center;width:2.2cqw;height:2.2cqw;border-radius:.6cqw;background:#1559f5;color:#fff;font-size:.95cqw;font-weight:600}
.lv-ws b{flex:1;color:#fff;font-size:1.2cqw;font-weight:500}
.lv-ws i{width:.7cqw;height:.7cqw;border-right:.15cqw solid #8fa0c7;border-bottom:.15cqw solid #8fa0c7;transform:rotate(45deg) translateY(-.2cqw)}
.lv2 .lv-nav{gap:1cqw;padding:.85cqw 1cqw;font-size:1.25cqw;border-radius:.8cqw}
.lv2 .lv-nav svg{width:1.6cqw;height:1.6cqw;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.lv2 .lv-nav em{margin-left:auto;font-style:normal;font-size:.95cqw;padding:.15cqw .6cqw;border-radius:99px;background:#1559f5;color:#fff}
.lv2 .lv-me{gap:.9cqw}
.lv2 .lv-me span{width:2.6cqw;height:2.6cqw;font-size:1cqw;background:#24315a}
.lv2 .lv-me b{display:block;font-size:1.15cqw;font-weight:500;color:#fff}
.lv2 .lv-me small{font-size:1cqw;color:#8fa0c7}
.lv2 .lv-main{padding:2.4cqw 2.6cqw;grid-template-columns:1.18fr 1fr;gap:1.4cqw 1.6cqw}
.lv2 .lv-top{display:flex;align-items:flex-end;justify-content:space-between;gap:2cqw}
.lv2 .lv-top small{font-size:1.1cqw}
.lv2 .lv-top h3{font-size:2.7cqw}
.lv-search{display:flex;align-items:center;gap:.8cqw;padding:.8cqw 1.1cqw;border-radius:99px;background:#fff;box-shadow:0 0 0 1px #e3e8f2;font-size:1.15cqw;color:#566074;white-space:nowrap}
.lv-search i{width:1.2cqw;height:1.2cqw;border-radius:50%;background:radial-gradient(circle at 40% 40%,#9fbcff,#1559f5)}
.lv-search kbd{font:inherit;font-size:.95cqw;padding:.1cqw .5cqw;border-radius:.4cqw;box-shadow:inset 0 0 0 1px #d5dcea}
.lv2 .lv-left,.lv2 .lv-side{display:flex;flex-direction:column;gap:1.2cqw}
.lv2 .lv-card{padding:1.5cqw 1.6cqw;border-radius:1.2cqw;box-shadow:0 0 0 1px #e6ebf4,0 1.2cqw 2.4cqw -1.8cqw rgba(11,21,48,.3)}
.lv2 .lv-kick{display:flex;align-items:center;gap:.7cqw;font-size:1.1cqw;color:#566074}
.sx-browser .lv2 .lv-kick img{width:1.8cqw;height:1.8cqw}
.lv2 .lv-kick b{color:#0a1633;font-weight:600;font-size:1.2cqw}
.lv2 .lv-kick em{margin-left:auto;font-style:normal;color:#1559f5;font-weight:500}
.lv2 .lv-brief p{margin:.9cqw 0 0;font-size:1.55cqw;line-height:1.45}
.lv-tag{margin:0 0 .7cqw;font-size:1.05cqw;font-weight:500;color:#1559f5}
.lv2 .lv-kr-t{justify-content:space-between}
.lv2 .lv-kr-t b{font-size:1.55cqw}
.lv-own{display:inline-flex;align-items:center;gap:.5cqw;font-size:1.05cqw;color:#566074}
.lv-own i,.lv-prev i{display:grid;place-items:center;width:1.9cqw;height:1.9cqw;border-radius:50%;background:#e8efff;color:#1559f5;font-style:normal;font-size:.85cqw;font-weight:600}
.lv-row{display:flex;align-items:flex-end;justify-content:space-between;gap:2cqw;margin-top:.8cqw}
.lv2 .lv-val{margin:0}
.lv2 .lv-val strong{font-size:3.4cqw}
.lv-spark{width:12cqw;height:3.6cqw;fill:none;stroke:#1559f5;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.lv2 .lv-bar{margin:1cqw 0 0}
.lv2 .lv-track{position:relative;height:.7cqw;overflow:visible}
.lv2 .lv-fill{border-radius:99px}
.lv-target{position:absolute;right:0;top:-.5cqw;width:.25cqw;height:1.7cqw;border-radius:.2cqw;background:#0a1633}
.lv2 .lv-go{margin:1.2cqw 0 0;font-size:1.15cqw}
.lv2 .lv-nums ul{margin:0}
.lv2 .lv-nums li{grid-template-columns:1fr 5cqw auto 8.4cqw;font-size:1.15cqw;padding:.75cqw 0}
.lv2 .lv-nums svg{width:5cqw;height:1.6cqw;fill:none;stroke:#1559f5;stroke-width:2;stroke-linecap:round}
.lv2 .lv-nums em{justify-self:end;font-size:1cqw}
.lv2 .lv-nums em.w{background:#fff;box-shadow:inset 0 0 0 1px #c3cbdc;color:#425170}
.lv-on{margin-left:auto;display:inline-flex;align-items:center;gap:.5cqw;color:#1559f5;font-weight:500}
.lv-on::before{content:"";width:.8cqw;height:.8cqw;border-radius:50%;background:#1559f5;box-shadow:0 0 0 .4cqw rgba(21,89,245,.18)}
.lv2 .lv-steps{margin-top:1cqw;gap:.8cqw}
.lv2 .lv-steps li{font-size:1.2cqw}
.lv-q{margin:0;font-size:1.4cqw;font-weight:500;color:#0a1633}
.lv-prev{list-style:none;margin:1cqw 0 0;padding:0;display:grid;gap:.6cqw}
.lv-prev li{display:flex;align-items:center;gap:.8cqw;padding:.7cqw .9cqw;border-radius:.8cqw;background:#f6f8fc;font-size:1.15cqw;color:#425170}
.lv2 .lv-btns{margin-top:1.1cqw}
.lv2 .lv-btns span{font-size:1.15cqw}
.lv2 .lv-done{font-size:1.15cqw}
@container (max-width:560px){
 .lv2{grid-template-columns:1fr}
 .lv2 .lv-rail,.lv2 .lv-brief,.lv2 .lv-nums,.lv-search{display:none}
 .lv2 .lv-main{grid-template-columns:1fr;padding:16px;gap:12px}
 .lv2 .lv-top small{font-size:11px}.lv2 .lv-top h3{font-size:20px}
 .lv2 .lv-left,.lv2 .lv-side{gap:10px}
 .lv2 .lv-card{padding:14px;border-radius:12px}
 .lv-tag{font-size:11px;margin-bottom:6px}
 .lv2 .lv-kr-t b{font-size:15px}.lv-own{font-size:11px}.lv-own i,.lv-prev i{width:18px;height:18px;font-size:8.5px}
 .lv2 .lv-val strong{font-size:26px}.lv2 .lv-val span{font-size:12px}.lv-spark{width:96px;height:28px}
 .lv2 .lv-track{height:6px}.lv-target{height:14px;top:-4px;width:2px}.lv2 .lv-pill{font-size:11px;padding:3px 9px}
 .lv2 .lv-go{font-size:12px;padding:7px 12px;margin:12px 0 0}
 .lv2 .lv-kick{font-size:11px;gap:6px}.sx-browser .lv2 .lv-kick img{width:16px;height:16px}.lv2 .lv-kick b{font-size:13px}
 .lv2 .lv-steps{gap:7px;margin-top:10px}.lv2 .lv-steps li{font-size:12px;gap:8px}.lv2 .lv-steps li::before{width:14px;height:14px}
 .lv-q{font-size:13.5px}.lv-prev li{font-size:12px;padding:7px 9px;gap:8px}
 .lv2 .lv-btns{gap:6px;margin-top:10px}.lv2 .lv-btns span{font-size:11.5px;padding:6px 11px}
 .lv2 .lv-done{font-size:11.5px;gap:6px}.lv2 .lv-done::before{width:12px;height:12px}
}
.lv2{aspect-ratio:1080/780}
.lv2 .lv-nums li{grid-template-columns:1fr 5cqw auto 10.5cqw}
.lv2 .lv-nums em{white-space:nowrap}