:root{--left:450px;--right:414px}
.side-column{gap:10px}.overview-block{padding:0 12px}.hero-speed>#rpm{font-size:54px;letter-spacing:-2.5px}.hero-speed{margin:3px 0 6px}.hero-unit{font-size:12px}.hero-unit b{font-size:12px}
.kpi-value,#line-status{font-size:23px}.kpi-label{font-size:12px;margin-bottom:3px}.kpi-foot{font-size:11px;line-height:1.35;margin-top:3px}
.zone-environment{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:11px}.zone-environment b{font-size:11px;font-weight:500;display:block;color:#6e7b84}.zone-environment small{font-size:11px;display:block;margin-top:3px;color:#707c85;white-space:nowrap}
.workshop-summary{display:flex;justify-content:space-between;gap:8px;padding:10px 0 0;font-size:12px;color:#77848d}.workshop-summary b{font-size:15px;font-weight:600;margin-left:4px;color:#303b44}.workshop-summary .running b{color:#397e67}.workshop-summary .alarm b{color:#b97c27}
.devices-panel .panel-title{padding-bottom:6px}.equipment-filters{display:flex;gap:16px;margin:3px 12px 5px}.equipment-filters button{padding:4px 0;font-size:12px;color:#7b8790}.equipment-filters button.active{color:#2878df;text-decoration:underline;text-underline-offset:5px}
.search-wrap{gap:8px}.search-wrap input{flex:1;min-width:80px}.search-wrap select{font-size:11px;max-width:85px;padding:3px 0}.line-root{display:none}
#device-list{gap:0}.device-row{padding:6px 12px;gap:9px;min-height:36px}.device-row>span:nth-child(2){display:flex;gap:10px;align-items:baseline}.device-row strong{font-size:13px;white-space:nowrap}.device-row small{font-size:11px;letter-spacing:0;margin:0}.device-row .state{margin-left:auto}.device-state{font-size:11px;min-width:42px;text-align:right}.node-icon{font-size:14px}
.equipment-pager{display:flex;justify-content:space-between;align-items:center;margin:5px 12px 0;font-size:11px;color:#7c8991}.equipment-pager button{font-size:11px;color:#2878df;padding:4px 0}.equipment-pager button:disabled{opacity:.3;cursor:default}
.model-info{margin-top:8px}.model-info p{font-size:11px}.mapping-note{font-size:11px;margin-top:5px;line-height:1.35}
.animation-panel .panel-title{padding-bottom:4px}.animation-master{margin:0 12px 3px;gap:15px}.animation-master button{font-size:11px;padding:3px 0}
#animation-list{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;margin:2px 12px}.workshop-track{display:grid;grid-template-columns:1fr 22px 22px;align-items:center;gap:0 4px;min-height:37px}.workshop-track>span{font-size:11px;color:#63737f;white-space:nowrap}.workshop-track button{font-size:14px;padding:0;height:19px}.workshop-track button.active{color:#2878df}.workshop-track input{grid-column:1/3;width:100%;padding:0;height:14px;accent-color:#2878df;min-width:0}.workshop-track select{font-size:11px;grid-column:3;padding:0;width:32px;justify-self:end;transform:translateX(3px)}
.left-column>#export{margin-top:auto;padding-top:4px;padding-bottom:4px}
.right-column{gap:10px}.device-hero h2{font-size:24px}.side-column .metrics>div{padding:4px 0}.metrics b{font-size:25px}.metrics span{font-size:11px}.metrics small{font-size:11px}.detail-meta{margin-bottom:4px}.detail-heading{margin-bottom:2px}.threshold-note{font-size:11px;line-height:1.35;margin-top:6px}.load-label{padding-top:6px}
.chart-controls{display:flex;gap:8px;align-items:center}.chart-controls select{font-size:11px;max-width:112px}.subheading{display:block;margin-left:0;margin-top:3px}.trend-panel .panel-title{align-items:flex-start;gap:10px}.chart-wrap{height:128px}
.alarm-panel{min-height:130px}#alarm-list{max-height:130px}.camera-panel .panel-title{padding-top:3px;padding-bottom:5px}.scene-toolbar{gap:3px}.button-group button{padding:4px 0}.exposure-control{margin-top:5px}
#demo-scenario{font-size:12px;max-width:104px;border:0;background:transparent;padding:4px 0;color:#2878df}.header-right{max-width:460px;gap:10px}
.scene-foot>span:first-child{max-width:580px;margin:auto}.scene-bottom{padding-bottom:0}.model-label{font-size:11px;background:#f7fafae0}.scene-title{pointer-events:none}
@media(min-width:2300px) and (min-height:1250px){:root{--left:500px;--right:474px}.side-column{gap:20px}.hero-speed>#rpm{font-size:70px}.kpi-value,#line-status{font-size:28px}.zone-environment{margin-top:15px}.workshop-summary{padding-top:15px}.device-row{min-height:49px;padding:9px 12px}.device-row strong{font-size:15px}.device-row small,.device-state,.equipment-filters button{font-size:12px}.workshop-track{min-height:48px}.workshop-track>span{font-size:12px}.workshop-track input{height:17px}.chart-wrap{height:185px}.metrics b{font-size:32px}.side-column .metrics>div{padding:8px 0}.alarm-panel{min-height:170px}#alarm-list{max-height:230px}.scene-toolbar{gap:8px}.workshop-summary b{font-size:18px}}
@media(max-width:1599px), (max-height:899px){:root{--left:410px;--right:380px}.side-column{overflow:auto}.device-row>span:nth-child(2){gap:5px}.device-row strong{font-size:12px}.device-row small{font-size:11px}.workshop-summary{font-size:11px}.hero-speed>#rpm{font-size:49px}}
@media(max-width:1000px){.side-column{overflow:visible}.device-row>span:nth-child(2){display:block}.header-right{max-width:240px}.zone-environment{gap:5px}.zone-environment small{white-space:normal}.hero-speed>#rpm{font-size:48px}.workshop-summary{flex-wrap:wrap}.device-hero>div{display:block}.device-hero p{margin-bottom:5px}.scene-title{pointer-events:none}}

.scene-bottom>p,#model-state{display:none!important}