/* Stratum Praxis — Live Lab Operator UI 2026-09
   Visual-only layer for free evidence routes. Route ownership and next actions remain in catalog JS. */
:root{--lab-bg:#0b100f;--lab-bg2:#101715;--lab-paper:#f1efe7;--lab-paper2:#e8e5db;--lab-card:#faf8f1;--lab-ink:#101513;--lab-muted:#69746e;--lab-line:rgba(16,21,19,.13);--lab-line-dark:rgba(242,246,241,.12);--lab-signal:#b7ff5a;--lab-teal:#79bba3;--lab-ease:cubic-bezier(.2,.8,.2,1)}
html{background:var(--lab-bg)}
body[data-page="live_lab_v4"]{background:var(--lab-bg)!important;color:var(--lab-ink);font-family:"Aptos","Segoe UI Variable","SF Pro Display","Hiragino Sans","Yu Gothic UI",system-ui,-apple-system,sans-serif}
body[data-page="live_lab_v4"]::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 7% 3%,rgba(121,187,163,.12),transparent 28rem),radial-gradient(circle at 94% 18%,rgba(183,255,90,.05),transparent 25rem),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:auto,auto,72px 72px,72px 72px}
body[data-page="live_lab_v4"] ::selection{background:var(--lab-signal);color:#0b100f}

body[data-page="live_lab_v4"] .office-header{width:min(1480px,calc(100% - 30px));min-height:66px;margin:12px auto 0;padding:0 18px!important;border:1px solid var(--lab-line-dark)!important;border-radius:16px!important;background:rgba(12,18,16,.9)!important;color:#f5f3eb!important;box-shadow:0 18px 55px rgba(0,0,0,.2)!important;backdrop-filter:blur(20px) saturate(1.08)}
body[data-page="live_lab_v4"] .brand{color:#f7f5ee!important}body[data-page="live_lab_v4"] .brand-symbol{border-color:rgba(255,255,255,.18)!important;background:#151d1a!important;color:var(--lab-signal)!important}body[data-page="live_lab_v4"] .brand-symbol svg{stroke:var(--lab-signal)!important}body[data-page="live_lab_v4"] .brand-copy small{color:#83938c!important}
body[data-page="live_lab_v4"] .office-nav{gap:2px!important;padding:3px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important}body[data-page="live_lab_v4"] .office-nav a{padding:8px 11px!important;border-radius:7px!important;color:#aab7b1!important;font-size:10px!important}body[data-page="live_lab_v4"] .office-nav a[aria-current="page"]{background:#f1efe7!important;color:#111714!important}body[data-page="live_lab_v4"] .b2b-badge{border-color:rgba(183,255,90,.18)!important;background:rgba(183,255,90,.08)!important;color:var(--lab-signal)!important}body[data-page="live_lab_v4"] .lang-switch{border-color:rgba(255,255,255,.09)!important;background:rgba(255,255,255,.03)!important}body[data-page="live_lab_v4"] .lang-switch button{color:#8f9c96!important}body[data-page="live_lab_v4"] .lang-switch button.active{background:#f3f1e9!important;color:#111714!important}

body[data-page="live_lab_v4"] .product-shell{width:min(1480px,calc(100% - 30px))!important;max-width:none!important;margin:auto!important;padding:16px 0 72px!important}
body[data-page="live_lab_v4"] .page-topline{position:relative;display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(320px,.45fr)!important;gap:52px!important;align-items:end!important;min-height:430px!important;padding:70px 58px 54px!important;border:1px solid var(--lab-line-dark)!important;border-radius:22px 22px 0 0!important;background:radial-gradient(circle at 84% 18%,rgba(183,255,90,.075),transparent 18rem),radial-gradient(circle at 16% 86%,rgba(121,187,163,.10),transparent 24rem),#0d1412!important;color:#f5f3eb!important;overflow:hidden}
body[data-page="live_lab_v4"] .page-topline::after{content:"";position:absolute;inset:auto -8% -38% 43%;height:66%;border-radius:50% 50% 0 0;background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 34px,rgba(183,255,90,.07) 35px 36px,transparent 37px 68px);pointer-events:none}
body[data-page="live_lab_v4"] .page-topline>*{position:relative;z-index:1}
body[data-page="live_lab_v4"] .micro{color:#8da099!important;font-size:8px!important;letter-spacing:.18em!important;font-weight:850!important}
body[data-page="live_lab_v4"] .page-topline h1{max-width:900px!important;margin:15px 0 0!important;color:#f7f5ee!important;font-size:clamp(56px,6.8vw,98px)!important;line-height:.87!important;letter-spacing:-.07em!important;font-weight:610!important}
body[data-page="live_lab_v4"] .page-topline>p{max-width:430px!important;margin:0!important;color:#99a7a0!important;font-size:12px!important;line-height:1.72!important}
body[data-page="live_lab_v4"] .page-meta{gap:6px!important;margin-top:26px!important}body[data-page="live_lab_v4"] .meta-chip{padding:7px 9px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:7px!important;background:rgba(255,255,255,.035)!important;color:#87968f!important;font-size:8px!important}body[data-page="live_lab_v4"] .meta-chip:first-child{border-color:rgba(183,255,90,.15)!important;color:var(--lab-signal)!important}

body[data-page="live_lab_v4"] .catalog-layout{display:grid!important;grid-template-columns:310px minmax(0,1fr)!important;gap:0!important;margin:0!important;border:1px solid var(--lab-line)!important;border-top:0!important;background:var(--lab-paper)!important}
body[data-page="live_lab_v4"] .intent-panel{position:sticky!important;top:82px!important;height:max-content!important;padding:34px 20px!important;border-right:1px solid var(--lab-line)!important;background:var(--lab-paper2)!important}
body[data-page="live_lab_v4"] .intent-note{margin-top:18px!important;color:#6a756f!important;font-size:10px!important;line-height:1.62!important}
body[data-page="live_lab_v4"] .intent-buttons{display:grid!important;gap:6px!important;margin-top:18px!important}
body[data-page="live_lab_v4"] .intent-button{display:grid!important;grid-template-columns:34px 1fr auto!important;gap:10px!important;align-items:center!important;min-height:76px!important;padding:11px!important;border:1px solid transparent!important;border-radius:9px!important;background:transparent!important;color:#172019!important;text-align:left!important;cursor:pointer!important;transition:background .18s ease,border-color .18s ease!important}
body[data-page="live_lab_v4"] .intent-button:hover{background:#f7f5ee!important;border-color:rgba(16,21,19,.08)!important}body[data-page="live_lab_v4"] .intent-button.active{background:#111816!important;color:#f5f3eb!important;border-color:#111816!important}body[data-page="live_lab_v4"] .intent-button>i{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;border-radius:7px!important;background:#dfe7e1!important;color:#5c7067!important;font-size:8px!important;font-style:normal!important;font-weight:850!important}body[data-page="live_lab_v4"] .intent-button.active>i{background:rgba(183,255,90,.09)!important;color:var(--lab-signal)!important}body[data-page="live_lab_v4"] .intent-button b{display:block!important;font-size:12px!important}body[data-page="live_lab_v4"] .intent-button span span{display:block!important;margin-top:4px!important;color:#748079!important;font-size:8px!important;line-height:1.4!important}body[data-page="live_lab_v4"] .intent-button.active span span{color:#87968f!important}body[data-page="live_lab_v4"] .intent-button>em{color:#728079!important;font-size:14px!important;font-style:normal!important}body[data-page="live_lab_v4"] .intent-button.active>em{color:var(--lab-signal)!important}

body[data-page="live_lab_v4"] .catalog-main{padding:34px!important;background:var(--lab-paper)!important}
body[data-page="live_lab_v4"] .recommend-card{border:1px solid #18211d!important;border-radius:14px!important;background:#111816!important;color:#f5f3eb!important;box-shadow:none!important;overflow:hidden}
body[data-page="live_lab_v4"] .recommend-head{min-height:46px!important;padding:0 18px!important;border-bottom:1px solid rgba(255,255,255,.08)!important;color:#778980!important;font-size:8px!important;letter-spacing:.12em!important}body[data-page="live_lab_v4"] .quiet-badge{border-radius:7px!important;background:rgba(183,255,90,.09)!important;color:var(--lab-signal)!important}
body[data-page="live_lab_v4"] .recommend-body{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:26px!important;align-items:end!important;padding:28px!important}body[data-page="live_lab_v4"] .recommend-body h2{max-width:780px!important;margin:8px 0!important;color:#f6f4ed!important;font-size:clamp(30px,4vw,48px)!important;line-height:.98!important;letter-spacing:-.052em!important;font-weight:610!important}body[data-page="live_lab_v4"] .recommend-body p{max-width:720px!important;color:#8e9d96!important;font-size:11px!important;line-height:1.68!important}body[data-page="live_lab_v4"] .recommend-meta{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:18px!important}body[data-page="live_lab_v4"] .recommend-meta span{padding:6px 8px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:7px!important;background:rgba(255,255,255,.03)!important;color:#71827a!important;font-size:8px!important}
body[data-page="live_lab_v4"] .action-btn{min-height:50px!important;padding:0 16px!important;border-radius:9px!important;background:var(--lab-signal)!important;color:#0b100f!important;box-shadow:none!important;font-size:10px!important;font-weight:850!important}

body[data-page="live_lab_v4"] .inventory{margin-top:14px!important;border:1px solid var(--lab-line)!important;border-radius:14px!important;background:#f8f6ef!important;overflow:hidden!important}body[data-page="live_lab_v4"] .inventory-head{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:46px!important;padding:0 18px!important;border-bottom:1px solid var(--lab-line)!important;background:#ece9df!important;color:#67746d!important;font-size:8px!important;letter-spacing:.12em!important}body[data-page="live_lab_v4"] .inventory-head small{color:#75827c!important}
body[data-page="live_lab_v4"] #inventory{display:grid!important;gap:1px!important;padding:1px!important;background:rgba(16,21,19,.09)!important}
body[data-page="live_lab_v4"] .inventory-row{display:grid!important;grid-template-columns:46px minmax(0,1fr) auto 28px!important;gap:14px!important;align-items:center!important;min-height:96px!important;padding:16px!important;border:0!important;border-radius:9px!important;background:#fffdf7!important;color:#111714!important;text-decoration:none!important;transition:background .18s ease,transform .18s var(--lab-ease)!important}
body[data-page="live_lab_v4"] .inventory-row:hover{z-index:1;background:#f4f1e8!important;transform:translateX(2px)!important}body[data-page="live_lab_v4"] .inventory-row.is-recommended{background:#e8eee7!important}body[data-page="live_lab_v4"] .inventory-icon{display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border:1px solid rgba(16,21,19,.09)!important;border-radius:8px!important;background:#f2efe7!important;color:#486457!important;font-size:9px!important;font-weight:850!important}body[data-page="live_lab_v4"] .inventory-row h3{margin:0!important;font-size:15px!important;letter-spacing:-.025em!important}body[data-page="live_lab_v4"] .inventory-row p{max-width:760px!important;margin:5px 0 0!important;color:#6d7872!important;font-size:9px!important;line-height:1.5!important}body[data-page="live_lab_v4"] .inventory-tag{padding:6px 8px!important;border:1px solid rgba(16,21,19,.1)!important;border-radius:7px!important;background:#f3f1e9!important;color:#5d6e66!important;font-size:8px!important;white-space:nowrap!important}body[data-page="live_lab_v4"] .inventory-arrow{color:#597267!important;font-size:15px!important}

body[data-page="live_lab_v4"] .escalation-box{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:28px!important;align-items:end!important;margin-top:14px!important;padding:34px!important;border:1px solid var(--lab-line-dark)!important;border-radius:14px!important;background:radial-gradient(circle at 90% 18%,rgba(183,255,90,.06),transparent 16rem),#0d1412!important;color:#f5f3eb!important;box-shadow:none!important}body[data-page="live_lab_v4"] .escalation-box h2{margin:9px 0!important;color:#f5f3eb!important;font-size:clamp(31px,4vw,49px)!important;line-height:.98!important;letter-spacing:-.052em!important;font-weight:610!important}body[data-page="live_lab_v4"] .escalation-box p{max-width:750px!important;color:#8d9b95!important;font-size:10px!important;line-height:1.66!important}
body[data-page="live_lab_v4"] .office-footer{border-color:rgba(255,255,255,.08)!important;background:#0b100f!important;color:#c4cec8!important}
body[data-page="live_lab_v4"] .action-btn:focus-visible,body[data-page="live_lab_v4"] .intent-button:focus-visible,body[data-page="live_lab_v4"] .inventory-row:focus-visible{outline:3px solid rgba(183,255,90,.38)!important;outline-offset:3px!important}

@media(max-width:960px){body[data-page="live_lab_v4"] .page-topline{grid-template-columns:1fr;min-height:0;padding:54px 40px}body[data-page="live_lab_v4"] .catalog-layout{grid-template-columns:1fr}body[data-page="live_lab_v4"] .intent-panel{position:static!important;border-right:0!important;border-bottom:1px solid var(--lab-line)!important}body[data-page="live_lab_v4"] .intent-buttons{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important}body[data-page="live_lab_v4"] .intent-button{flex:0 0 31%!important;min-width:220px!important;scroll-snap-align:start!important}}
@media(max-width:720px){body[data-page="live_lab_v4"] .office-header{width:calc(100% - 18px);min-height:60px;margin-top:8px;padding:0 10px!important}body[data-page="live_lab_v4"] .brand-copy small,body[data-page="live_lab_v4"] .b2b-badge{display:none!important}body[data-page="live_lab_v4"] .office-nav{display:none!important}body[data-page="live_lab_v4"] .lang-switch{display:flex!important;transform:scale(.82);transform-origin:right center}body[data-page="live_lab_v4"] .product-shell{width:calc(100% - 18px)!important;padding-top:10px!important}body[data-page="live_lab_v4"] .page-topline{padding:38px 20px 28px!important;border-radius:18px 18px 0 0!important}body[data-page="live_lab_v4"] .page-topline h1{font-size:clamp(44px,13vw,62px)!important}body[data-page="live_lab_v4"] .intent-panel{padding:24px 14px!important}body[data-page="live_lab_v4"] .intent-button{flex-basis:82%!important}body[data-page="live_lab_v4"] .catalog-main{padding:14px!important}body[data-page="live_lab_v4"] .recommend-body{grid-template-columns:1fr!important;padding:22px!important}body[data-page="live_lab_v4"] .recommend-body .action-btn{width:100%!important}body[data-page="live_lab_v4"] #inventory{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;gap:8px!important;padding:7px!important;background:rgba(16,21,19,.04)!important}body[data-page="live_lab_v4"] .inventory-row{flex:0 0 86%!important;min-width:260px!important;min-height:230px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;scroll-snap-align:start!important}body[data-page="live_lab_v4"] .inventory-tag{margin-top:auto!important}body[data-page="live_lab_v4"] .inventory-arrow{position:absolute!important;right:18px!important;bottom:18px!important}body[data-page="live_lab_v4"] .escalation-box{grid-template-columns:1fr!important;padding:28px 22px!important}body[data-page="live_lab_v4"] .escalation-box .action-btn{width:100%!important}}
@media(max-width:430px){body[data-page="live_lab_v4"] .lang-switch{transform:scale(.74)}}
@media(prefers-reduced-motion:reduce){body[data-page="live_lab_v4"] .intent-button,body[data-page="live_lab_v4"] .inventory-row,body[data-page="live_lab_v4"] .action-btn{transition:none!important}body[data-page="live_lab_v4"] .inventory-row:hover{transform:none!important}}