/* EcomLiveAI UI refresh — scoped to .landing-v2 and .operator-dashboard only. */

/* ---------- Public landing page ---------- */
body:has(.landing-v2) .topbar{
  height:76px;padding:0 max(6vw,28px);background:#081a31;color:#fff;
  border-bottom:1px solid rgba(255,255,255,.09);position:absolute;left:0;right:0;
}
body:has(.landing-v2) .topbar .brand small{color:#8ea3bb}
body:has(.landing-v2) .topbar nav{gap:32px;font-weight:700}
body:has(.landing-v2) .topbar nav>a:not(.loginbtn){color:#d6e0ea}
body:has(.landing-v2) .topbar .loginbtn{background:#ff6336;border-color:#ff6336;color:#fff;padding:12px 18px}
body:has(.landing-v2) footer{background:#061426}

.landing-v2{background:#fff;color:#101b2d;overflow:hidden}
.lv2-hero{min-height:780px;padding:145px max(7vw,32px) 82px;display:grid;grid-template-columns:minmax(420px,.9fr) minmax(520px,1.1fr);gap:5vw;align-items:center;background:linear-gradient(118deg,#0b2545 0%,#0a1d36 54%,#11192d 100%);position:relative;color:#fff}
.lv2-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to right,#000,transparent 82%)}
.lv2-glow{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.lv2-glow-one{width:500px;height:500px;right:-110px;top:50px;background:radial-gradient(circle,rgba(255,91,47,.18),transparent 66%)}.lv2-glow-two{width:430px;height:430px;left:-230px;bottom:-200px;background:radial-gradient(circle,rgba(38,109,177,.25),transparent 68%)}
.lv2-copy,.lv2-visual{position:relative;z-index:2}.lv2-copy{max-width:690px}.lv2-eyebrow{display:flex;align-items:center;gap:12px;color:#ff7b55;font-size:11px;font-weight:900;letter-spacing:1.9px}.lv2-eyebrow>span{width:28px;height:2px;background:#ff6336}.lv2-copy h1{font-size:clamp(52px,5.2vw,82px);line-height:.99;letter-spacing:-3.5px;margin:22px 0 28px;max-width:780px}.lv2-copy h1 em{font-style:normal;color:#ff6336}.lv2-copy>p{max-width:650px;color:#b8c6d6;font-size:18px;line-height:1.75;margin:0}.lv2-actions{display:flex;gap:13px;margin:34px 0 28px}.lv2-primary,.lv2-secondary{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:15px 20px;border-radius:9px;font-size:14px;font-weight:900;transition:.2s}.lv2-primary{background:#ff6336;color:#fff;box-shadow:0 14px 30px rgba(255,99,54,.18)}.lv2-primary:hover{transform:translateY(-2px);background:#ff754c}.lv2-secondary{border:1px solid rgba(255,255,255,.25);color:#edf3f8;background:rgba(255,255,255,.035)}.lv2-secondary:hover{background:rgba(255,255,255,.09)}.lv2-benefits{display:flex;gap:25px;flex-wrap:wrap;color:#9fb0c3;font-size:11px;font-weight:800}.lv2-benefits span::first-letter{color:#ff754c}

.lv2-visual{height:560px;display:grid;place-items:center}.lv2-orbit{position:absolute;width:510px;height:510px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 70px rgba(255,255,255,.015),0 0 0 140px rgba(255,255,255,.012)}.lv2-phone{position:absolute;width:245px;height:485px;border:9px solid #f5f6f8;border-radius:34px;background:#fff;color:#122033;overflow:hidden;box-shadow:0 28px 55px rgba(0,0,0,.38)}.lv2-phone:before{content:"";position:absolute;z-index:3;top:0;left:50%;transform:translateX(-50%);width:83px;height:16px;background:#f5f6f8;border-radius:0 0 12px 12px}.lv2-phone-back{transform:translate(-112px,25px) rotate(-8deg);opacity:.86}.lv2-phone-front{transform:translate(112px,-10px) rotate(5deg);z-index:2}.lv2-phonebar{height:52px;background:#ff6336;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:13px 12px 7px;font-size:8px;font-weight:900}.lv2-phonebar i{width:17px;height:17px;border-radius:5px;background:#fff;color:#ff6336}.lv2-phonebar b{font-size:7px;background:#fff;color:#e84d25;padding:4px 6px;border-radius:10px}.lv2-host{height:300px;position:relative;overflow:hidden;background:linear-gradient(165deg,#ffd9c8,#e9a98c);display:flex;justify-content:center}.lv2-host:before{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(180deg,#df7a57,#b84229)}.lv2-host-head{position:absolute;width:92px;height:110px;top:48px;border-radius:48% 48% 42% 42%;background:#f4c2a5;z-index:1;box-shadow:0 -16px 0 7px #352920}.lv2-host-head:after{content:"";position:absolute;left:27px;top:48px;width:38px;height:12px;border-bottom:3px solid #a75d4d;border-radius:50%}.lv2-host-body{position:absolute;width:180px;height:190px;top:145px;border-radius:70px 70px 0 0;background:#ffe8d7}.lv2-host>span{position:absolute;z-index:2;left:12px;bottom:12px;color:#fff;background:rgba(6,20,38,.78);padding:6px 8px;border-radius:6px;font-size:8px;font-weight:900}.lv2-host-alt{background:linear-gradient(165deg,#ffb899,#be5d3a)}.lv2-product-card{display:flex;gap:8px;align-items:center;margin:9px;background:#fff;border:1px solid #e6e9ec;border-radius:8px;padding:8px;box-shadow:0 8px 18px rgba(27,31,37,.09)}.lv2-product-card i{width:31px;height:31px;border-radius:7px;background:#fff0ea;color:#dd4d24;display:grid;place-items:center;font-style:normal;font-weight:900}.lv2-product-card span{display:grid}.lv2-product-card b{font-size:8px}.lv2-product-card small{font-size:7px;color:#19a162;margin-top:3px}.lv2-chat{margin:8px 9px 0;padding:7px 8px;border-radius:8px;background:#f0f2f4;display:grid;grid-template-columns:45px 1fr;font-size:7px}.lv2-chat b{color:#e45128}.lv2-chat.lv2-ai{background:#ebf8f1}.lv2-chat.lv2-ai b{color:#15935a}
.lv2-float{position:absolute;z-index:4;background:#fff;color:#122033;border:1px solid #e7eaed;border-radius:12px;box-shadow:0 16px 35px rgba(0,0,0,.25)}.lv2-float-top{top:75px;left:8%;padding:13px 16px;display:grid}.lv2-float-top small{font-size:7px;color:#7f8d9a}.lv2-float-top b{font-size:16px;margin:2px 0}.lv2-float-top span{font-size:7px;color:#20a266;font-weight:900}.lv2-float-bottom{right:1%;bottom:85px;padding:12px 14px;display:flex;gap:9px;align-items:center}.lv2-float-bottom>i{width:32px;height:32px;border-radius:9px;background:#ff6336;color:#fff;display:grid;place-items:center;font-style:normal;font-weight:900}.lv2-float-bottom>span{display:grid}.lv2-float-bottom small{font-size:7px;color:#89939e}.lv2-float-bottom b{font-size:12px;margin-top:2px}

.lv2-strip{height:65px;padding:0 max(7vw,32px);display:flex;align-items:center;justify-content:space-between;gap:25px;background:#ff6336;color:#fff;font-size:10px;font-weight:900;letter-spacing:1.25px}.lv2-strip i{width:4px;height:4px;border-radius:50%;background:#08213e;opacity:.55}.lv2-workflow{padding:95px max(7vw,32px);background:#f7f5f1}.lv2-section-head{max-width:790px}.lv2-eyebrow.dark{color:#d84b22}.lv2-section-head h2{font-size:clamp(38px,4vw,58px);line-height:1.06;letter-spacing:-2px;margin:15px 0}.lv2-section-head p{color:#697585;font-size:16px;line-height:1.7}.lv2-steps{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d8dee4;border-bottom:1px solid #d8dee4}.lv2-steps article{padding:30px 25px 32px 0;margin-right:25px;border-right:1px solid #d8dee4;display:grid;grid-template-columns:38px 1fr;gap:12px}.lv2-steps article:last-child{border-right:0;margin-right:0}.lv2-steps strong{color:#ff6336;font-size:11px}.lv2-steps h3{font-size:19px;margin:0 0 9px}.lv2-steps p{color:#6e7885;font-size:12px;line-height:1.6;margin:0}.lv2-review{padding:70px max(7vw,32px);background:#0a203a;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:40px}.lv2-review h2{font-size:38px;margin:10px 0}.lv2-review p{margin:0;color:#aab9c9}.lv2-primary.light{background:#fff;color:#d94d25;box-shadow:none;white-space:nowrap}

/* ---------- Operator dashboard ---------- */
.operator-dashboard{max-width:1580px;margin:0 auto;padding-top:38px}.od-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px}.od-kicker,.od-section-title small{font-size:9px;letter-spacing:1.7px;font-weight:900;color:#e34d20}.od-head h1{font-size:42px;letter-spacing:-1.4px;margin:8px 0 7px}.od-head p{margin:0;color:#6e7a88;font-size:13px}.od-main-action{display:flex;align-items:center;gap:25px;background:#ff5f32;color:#fff;padding:14px 18px;border-radius:9px;font-size:12px;font-weight:900;box-shadow:0 10px 22px rgba(255,95,50,.16)}
.od-shop-card{background:linear-gradient(105deg,#0c2644,#0a1d35);color:#fff;border-radius:13px;padding:18px 20px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:18px;box-shadow:0 14px 35px rgba(9,29,53,.09)}.od-shop-main{display:flex;align-items:center;gap:13px}.od-shop-logo{width:47px;height:47px;border-radius:11px;background:#ff6336;display:grid;place-items:center;font-weight:900}.od-shop-main div{display:grid}.od-shop-main small,.od-shop-status small{font-size:8px;letter-spacing:1px;color:#96abc0;font-weight:900}.od-shop-main h2{font-size:18px;margin:4px 0}.od-shop-main p{font-size:10px;color:#9fb1c3;margin:0}.od-shop-status{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid rgba(255,255,255,.13);border-radius:9px;background:rgba(255,255,255,.055)}.od-shop-status>i{width:8px;height:8px;background:#2ed181;border-radius:50%;box-shadow:0 0 0 5px rgba(46,209,129,.11)}.od-shop-status span{display:grid}.od-shop-status b{font-size:10px;color:#78e4ae;margin-top:2px}.od-shop-card>a{font-size:10px;font-weight:900;color:#ff9679;padding:10px}
.od-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:14px 0}.od-metrics>a{background:#fff;border:1px solid #e1e5e9;border-radius:11px;padding:17px;display:grid;grid-template-columns:42px 1fr 18px;align-items:center;gap:12px;transition:.2s}.od-metrics>a:hover{transform:translateY(-2px);border-color:#f4ad94;box-shadow:0 10px 25px rgba(30,42,58,.055)}.od-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:17px;font-weight:900}.od-icon.products{background:#fff0e9;color:#db4e25}.od-icon.video{background:#eaf3ff;color:#316ea8}.od-icon.scene{background:#eaf8f1;color:#23875a}.od-metrics div{display:grid}.od-metrics small{font-size:8px;font-weight:900;color:#8a6e64}.od-metrics b{font-size:22px;margin:3px 0;color:#17263a}.od-metrics p{margin:0;color:#7b8793;font-size:9px}.od-metrics em{font-style:normal;color:#a6afb9}
.od-flow-card,.od-panel{background:#fff;border:1px solid #e0e5e9;border-radius:12px}.od-flow-card{padding:19px 20px}.od-section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.od-section-title>div{display:grid}.od-section-title h2{font-size:18px;margin:4px 0 0}.od-section-title>span{background:#fff1e9;color:#d44d25;padding:7px 10px;border-radius:100px;font-size:9px;font-weight:900}.od-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:16px}.od-flow>a{min-height:96px;padding:14px;border:1px solid #e5e8eb;border-radius:9px;display:grid;grid-template-columns:28px 1fr 12px;gap:8px;align-items:start;background:#fcfcfb}.od-flow>a:hover{border-color:#ff9e7e;background:#fff9f5}.od-flow strong{color:#e6532a;font-size:9px}.od-flow span{display:grid}.od-flow b{font-size:12px}.od-flow small{color:#7c8792;font-size:9px;margin-top:6px;line-height:1.45}.od-flow i{font-style:normal;color:#a1aab4}.od-flow>a:last-child{background:#0b2340;color:#fff;border-color:#0b2340}.od-flow>a:last-child small{color:#9fb2c5}.od-flow>a:last-child i{color:#ff7f59}
.od-bottom{display:grid;grid-template-columns:1.35fr .65fr;gap:14px;margin-top:14px;align-items:stretch}.od-panel{padding:19px 20px}.od-section-title.compact a{font-size:9px;color:#c94b25;font-weight:900}.od-recent-list{display:grid;margin-top:12px}.od-recent-row{display:grid;grid-template-columns:70px 1fr;gap:11px;align-items:center;padding:9px 0;border-top:1px solid #edf0f2}.od-recent-row>div{display:grid;min-width:0}.od-recent-row b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.od-recent-row small{font-size:8px;color:#808b96;margin-top:4px}.od-type{padding:6px;text-align:center;border-radius:20px;font-size:7px;font-weight:900;background:#eef2f5;color:#526273}.od-type.product{background:#fff0e8;color:#c04b22}.od-type.comment{background:#edf5ff;color:#3b6e9e}.od-type.interaction60{background:#edf8f2;color:#347d57}.od-empty{padding:35px 10px;display:grid;text-align:center;color:#6e7985}.od-empty span{font-size:10px;margin-top:5px}.od-ready-panel{background:#0b2340;color:#fff;border-color:#0b2340}.od-ready-mark{display:flex;align-items:center;gap:8px;color:#7ee2af;font-size:8px;font-weight:900;letter-spacing:1.2px}.od-ready-mark i{width:8px;height:8px;background:#36cf82;border-radius:50%}.od-ready-panel h2{font-size:24px;line-height:1.2;margin:18px 0 8px}.od-ready-panel>p{color:#a9b8c8;font-size:11px;line-height:1.6}.od-quick-actions{display:grid;margin-top:20px}.od-quick-actions a{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid rgba(255,255,255,.12);font-size:10px;font-weight:800}.od-quick-actions b{color:#ff805c}.od-empty{border:1px dashed #dfe4e8;border-radius:8px;margin-top:12px}

@media(max-width:1150px){
  .lv2-hero{grid-template-columns:1fr;min-height:auto;padding-top:125px}.lv2-copy{max-width:780px}.lv2-visual{height:590px}.lv2-steps{grid-template-columns:1fr 1fr}.lv2-steps article:nth-child(2){border-right:0}.lv2-steps article:nth-child(-n+2){border-bottom:1px solid #d8dee4}
  .od-metrics{grid-template-columns:1fr}.od-bottom{grid-template-columns:1fr}.od-flow{grid-template-columns:1fr 1fr}
}
@media(max-width:720px){
  body:has(.landing-v2) .topbar{padding:0 18px}.lv2-hero{padding:120px 22px 60px}.lv2-copy h1{font-size:45px;letter-spacing:-2px}.lv2-copy>p{font-size:15px}.lv2-actions{display:grid}.lv2-benefits{display:grid;gap:10px}.lv2-visual{height:460px;transform:scale(.82);margin:-30px -70px}.lv2-strip{height:auto;padding:18px 22px;flex-wrap:wrap;justify-content:center}.lv2-strip i{display:none}.lv2-workflow{padding:65px 22px}.lv2-steps{grid-template-columns:1fr}.lv2-steps article{border-right:0;border-bottom:1px solid #d8dee4;margin-right:0}.lv2-review{padding:55px 22px;display:grid}.lv2-review h2{font-size:32px}
  .operator-dashboard{padding:24px 16px 40px}.od-head{align-items:flex-start;display:grid}.od-head h1{font-size:34px}.od-main-action{width:100%;justify-content:space-between}.od-shop-card{grid-template-columns:1fr}.od-shop-status{width:max-content}.od-flow{grid-template-columns:1fr}.od-metrics{grid-template-columns:1fr}.od-bottom{grid-template-columns:1fr}
}