:root{--concept-blue:#1768db;--concept-navy:#101820;--concept-line:#dbe2e7;--concept-soft:#f5f7f8}
html,body{background:#f4f6f7!important}
body{min-height:100vh!important;overflow:hidden!important}
.app{width:100%!important;height:100vh!important;min-height:0!important;display:grid!important;grid-template-columns:68px 250px minmax(0,1fr)!important;grid-template-rows:1fr!important;background:#f4f6f7!important;overflow:hidden!important}
.global-nav{width:auto!important;height:100%!important;position:relative!important;grid-column:1!important;display:flex!important;flex-direction:column!important;gap:6px!important;padding:14px 8px!important;background:#10191d!important;border:0!important}.brand-mark{width:42px!important;height:42px!important;border-radius:12px!important;background:var(--concept-blue)!important;font-size:18px!important}.global-nav button{width:100%!important;min-height:48px!important;border-radius:10px!important;font-size:9px!important;color:#9eb0b9!important}.global-nav button b{font-size:17px!important}.global-nav button.active{background:#26343a!important;color:#fff!important}.live-dot{margin:0 auto 4px!important}
.asset-rail{grid-column:2!important;position:relative!important;width:auto!important;height:100%!important;padding:16px 12px!important;border-right:1px solid var(--concept-line)!important;background:#fff!important;overflow:auto!important}.rail-title h1{font-size:17px!important}.rail-title span{font-size:9px!important}.search{min-height:42px!important;border-radius:10px!important;background:#f5f7f7!important}.asset-list{gap:7px!important}.asset-item{min-height:58px!important;padding:9px!important;border-radius:11px!important}.asset-item b{font-size:10px!important}.asset-item p{font-size:9px!important;line-height:1.35!important}.edge-summary{margin-top:18px!important}.edge-summary h2{font-size:11px!important}
.shell{grid-column:3!important;min-width:0!important;height:100%!important;display:grid!important;grid-template-rows:62px 56px minmax(0,1fr)!important;background:var(--concept-soft)!important;overflow:hidden!important}.topbar{height:auto!important;padding:0 18px!important;border-bottom:1px solid var(--concept-line)!important;background:#fff!important}.site b,.asset-title b{font-size:12px!important}.site span,.asset-title span{font-size:9px!important}.top-meta{font-size:9px!important}.tabs{padding:7px 16px!important;gap:5px!important;border-bottom:1px solid var(--concept-line)!important;background:#fff!important;overflow-x:auto!important}.tabs button{min-height:40px!important;padding:0 14px!important;border-radius:9px!important;font-size:10px!important}.tabs button.active{background:var(--concept-navy)!important;color:#fff!important}
.workspace{min-height:0!important;overflow:auto!important;padding:14px 16px 24px!important}.view[data-view="overview"].active{display:block!important;max-width:1480px!important;margin:0 auto!important}.head{margin:0 0 10px!important;align-items:end!important}.head h1{font-size:23px!important;letter-spacing:-.035em!important}.head p{font-size:10px!important;max-width:390px!important}.eyebrow{font-size:9px!important;letter-spacing:.08em!important}
.overview-grid{display:grid!important;grid-template-columns:minmax(0,1.75fr) 330px!important;grid-template-areas:"asset conditions" "production production"!important;gap:12px!important}.asset-card{grid-area:asset!important;padding:12px!important;border:1px solid var(--concept-line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 8px 22px rgba(24,36,44,.04)!important}.condition-stack{grid-area:conditions!important;display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.production-card{grid-area:production!important;padding:12px!important;border-radius:14px!important}.asset-card-head h2{font-size:12px!important}.asset-card-head span{font-size:8px!important}
.machine-stage{height:430px!important;min-height:0!important;margin-top:8px!important;border-radius:12px!important;border:1px solid #e4e9ec!important;background-color:#fafafa!important;background-image:radial-gradient(circle at 50% 52%,rgba(24,104,219,.05),transparent 45%)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;overflow:hidden!important}.machine-stage .press{display:block!important}.machine-stage .press.kind-press{width:100%!important;height:100%!important;background:url('/images/generated-concepts/linesight-servo-press-v1.webp') center/contain no-repeat!important;filter:none!important}.machine-stage .press.kind-press>*{display:none!important}.machine-label{left:18px!important;bottom:18px!important;padding:10px 12px!important;border:1px solid var(--concept-line)!important;border-radius:10px!important;background:rgba(255,255,255,.92)!important;box-shadow:0 7px 18px rgba(20,30,37,.1)!important}.machine-label b{font-size:10px!important}.machine-label span{font-size:8px!important}.machine-actions{right:14px!important;top:14px!important}.machine-actions button{min-width:42px!important;min-height:38px!important;border-radius:9px!important;background:#fff!important}
.asset-facts{gap:7px!important;margin-top:9px!important}.fact{min-height:52px!important;padding:9px!important;border-radius:10px!important}.fact b{font-size:15px!important}.fact span{font-size:8px!important}.condition-card{padding:12px!important;border-radius:13px!important}.condition-head b{font-size:10px!important}.condition-value strong{font-size:24px!important}.condition-value span{font-size:8px!important}.sparkline{height:36px!important}.threshold{font-size:8px!important}.production-card .shift-timeline{min-height:54px!important}.oee-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-top:12px!important}.oee-card{padding:12px!important;border-radius:12px!important;min-height:70px!important}.oee-card strong{font-size:20px!important}
.card,.form,.replay,.alarm-card,.work-card,.maintenance-card{border-color:var(--concept-line)!important;box-shadow:0 8px 24px rgba(25,39,46,.04)!important}
@media(max-height:860px) and (min-width:901px){.machine-stage{height:330px!important}.overview-grid{grid-template-columns:minmax(0,1.65fr) 300px!important}.condition-card{padding:9px!important}.sparkline{height:25px!important}.oee-row{margin-top:8px!important}.oee-card{min-height:58px!important;padding:9px!important}.production-card{padding:9px!important}}
@media(max-width:1050px){.app{grid-template-columns:64px 220px minmax(0,1fr)!important}.overview-grid{grid-template-columns:minmax(0,1fr) 270px!important}.machine-stage{height:380px!important}}
@media(max-width:840px){body{overflow:auto!important}.app{height:auto!important;min-height:100vh!important;grid-template-columns:56px minmax(0,1fr)!important;overflow:visible!important}.global-nav{grid-column:1!important;position:sticky!important;top:0!important;height:100vh!important}.asset-rail{position:fixed!important;left:56px!important;top:0!important;width:min(320px,calc(100vw - 56px))!important;z-index:40!important;transform:translateX(-110%)!important;transition:transform .2s ease!important}.asset-rail.open{transform:none!important}.shell{grid-column:2!important;height:auto!important;min-height:100vh!important;grid-template-rows:64px auto 1fr!important;overflow:visible!important}.topbar{padding:0 10px!important}.site{display:none!important}.top-meta .pill:not(#assetState){display:none!important}.tabs{padding:6px!important}.tabs button{padding:0 8px!important;white-space:nowrap!important}.workspace{overflow:visible!important;padding:10px!important}.overview-grid{grid-template-columns:1fr!important;grid-template-areas:"asset" "conditions" "production"!important}.condition-stack{grid-template-columns:1fr 1fr!important}.machine-stage{height:390px!important}.oee-row{grid-template-columns:1fr 1fr!important}.head p{display:none!important}}
@media(max-width:480px){.condition-stack{grid-template-columns:1fr!important}.machine-stage{height:300px!important}.asset-facts{grid-template-columns:1fr 1fr!important}.global-nav button span{display:none!important}.global-nav button{min-height:44px!important}}
@media(max-width:840px){.shell,.topbar,.tabs,.workspace,.workspace>.view,.overview-grid,.asset-card,.condition-stack,.production-card,.asset-card-head,.machine-stage,.asset-facts{min-width:0!important;max-width:100%!important}.overview-grid{width:100%!important;grid-template-columns:minmax(0,1fr)!important}.asset-card,.condition-stack,.production-card{width:100%!important}.asset-card-head>*{min-width:0!important}.shift-timeline{min-width:0!important;overflow-x:auto!important}}
@media(max-width:840px){.asset-rail{height:calc(100vh - 66px)!important;max-height:calc(100vh - 66px)!important}}
.asset-item p,.machine-label span,.fact span,.threshold,.rel-node small{font-size:11px!important}
@media(max-width:840px){.asset-item p,.machine-label span,.fact span,.threshold,.rel-node small{font-size:12px!important}}
.machine-stage .press:is(.kind-robot,.kind-vision,.kind-conveyor,.kind-compressor){width:100%!important;height:100%!important;background-position:center!important;background-size:contain!important;background-repeat:no-repeat!important;filter:none!important}.machine-stage .press.kind-robot{background-image:url('/images/generated-concepts/linesight-transfer-robot-v1.webp')!important}.machine-stage .press.kind-vision{background-image:url('/images/generated-concepts/linesight-vision-gate-v1.webp')!important}.machine-stage .press.kind-conveyor{background-image:url('/images/generated-concepts/linesight-outfeed-conveyor-v1.webp')!important}.machine-stage .press.kind-compressor{background-image:url('/images/generated-concepts/linesight-air-compressor-v1.webp')!important}.machine-stage .press:is(.kind-robot,.kind-vision,.kind-conveyor,.kind-compressor)>:is(.press-frame,.press-head,.press-bed,.press-side){display:none!important}
@media(max-width:480px){.machine-stage .press:is(.kind-robot,.kind-vision,.kind-compressor){background-size:125% auto!important}.machine-stage .press.kind-conveyor{background-size:110% auto!important}}