:root{--ink:#14212b;--muted:#6f7c85;--line:#dfe5e8;--soft:#f4f6f7;--white:#fff;--nav:#101c25;--nav2:#162630;--orange:#f06b2b;--orange-dark:#d65418;--orange-soft:#fff0e8;--green:#20a876;--green-soft:#e9f8f2;--blue:#3182ce;--blue-soft:#eaf3fb;--amber:#d99b19;--amber-soft:#fff7e0;--red:#d94d4d;--shadow:0 12px 32px rgba(20,33,43,.07);--radius:14px}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:#eef1f3;color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.45}.svg-sprite{display:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:linear-gradient(180deg,var(--nav),#0d171e);color:#dbe4e8;padding:26px 18px 18px;display:flex;flex-direction:column;z-index:40}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 29px}.brand-mark{width:34px;height:34px;display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:3px;transform:skewY(-8deg)}.brand-mark span{background:var(--orange);border-radius:2px 2px 0 0}.brand-mark span:nth-child(1){height:57%}.brand-mark span:nth-child(2){height:100%}.brand-mark span:nth-child(3){height:78%}.brand strong{font-size:1.16rem;letter-spacing:-.02em}.brand strong span{color:var(--orange)}.brand small,.sidebar-user small{display:block;color:#82939e;font-size:.72rem;letter-spacing:.03em}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{height:46px;border:0;background:transparent;color:#9daeb8;border-radius:9px;padding:0 12px;display:flex;align-items:center;gap:12px;text-align:left;font-weight:500;font-size:.93rem;position:relative}.nav-item:hover{background:#172832;color:#fff}.nav-item.active{background:#21323d;color:#fff}.nav-item.active:before{content:"";position:absolute;left:-18px;width:3px;height:25px;background:var(--orange);border-radius:0 3px 3px 0}.nav-item svg{width:19px}.nav-item span{flex:1}.nav-count{font-family:"JetBrains Mono";font-size:.68rem;background:#334650;color:#dfe7eb;border-radius:11px;padding:2px 7px}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#93a0a8}.dot.online{background:var(--green);box-shadow:0 0 0 4px rgba(32,168,118,.12)}.nav-separator{height:47px;display:flex;align-items:flex-end;padding:0 12px 10px;color:#526570;font-size:.68rem;font-weight:700;letter-spacing:.12em}.plant-mini{margin-top:auto;border:1px solid #263945;background:#14232d;padding:14px;border-radius:11px}.plant-mini-head{display:flex;justify-content:space-between;font-size:.74rem;color:#8ea0aa}.plant-mini strong{display:block;color:#d8f4e9;font-family:"JetBrains Mono";font-size:.73rem;margin-top:9px}.plant-mini small{color:#738791;font-size:.68rem}.sidebar-user{display:flex;align-items:center;gap:10px;border-top:1px solid #24343d;margin-top:17px;padding:17px 4px 0}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:#fff;font-size:.72rem;font-weight:700}.sidebar-user>div:nth-child(2){min-width:0;flex:1}.sidebar-user strong{display:block;font-size:.73rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user button{border:0;background:none;color:#81919b;padding:2px}.sidebar-user button svg{width:17px}
main{margin-left:248px;min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;justify-content:space-between;position:sticky;top:0;z-index:30}.crumb span{display:block;color:var(--muted);font-size:.72rem}.crumb strong{font-size:1rem}.top-actions{display:flex;align-items:center;gap:13px}.sync-status{display:flex;align-items:center;gap:8px;border-right:1px solid var(--line);padding-right:18px;font-size:.78rem}.sync-status small{font-family:"JetBrains Mono";color:var(--muted)}.icon-btn{width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:9px;display:grid;place-items:center;color:#53616b;position:relative}.icon-btn b{position:absolute;right:-2px;top:-3px;width:16px;height:16px;border-radius:50%;background:var(--orange);color:#fff;border:2px solid white;font-size:.58rem}.icon-btn.subtle{border:0;background:var(--soft)}.primary-btn,.outline-btn,.ghost-btn,.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;font-weight:600;white-space:nowrap}.primary-btn{border:1px solid var(--orange);background:var(--orange);color:#fff;padding:10px 16px;box-shadow:0 4px 12px rgba(240,107,43,.18)}.primary-btn:hover{background:var(--orange-dark)}.primary-btn.compact{height:40px;padding:0 14px;font-size:.84rem}.primary-btn svg,.outline-btn svg,.ghost-btn svg,.text-btn svg{width:17px}.outline-btn{border:1px solid #ccd4d8;background:#fff;color:#33434d;padding:10px 14px}.outline-btn:hover{background:#f7f8f9}.outline-btn.full{width:100%}.ghost-btn{border:1px solid var(--line);background:transparent;color:#52616b;padding:8px 12px;font-size:.79rem}.text-btn{border:0;background:none;color:var(--orange-dark);padding:7px 4px;font-size:.83rem}.mobile-menu{display:none;border:0;background:transparent;width:38px}.mobile-menu span{display:block;height:2px;background:var(--ink);margin:5px}
.view{display:none;padding:32px 34px 42px;max-width:1640px;margin:auto}.view.active{display:block}.view-head,.section-page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.view-head h1,.section-page-head h1{font-size:1.75rem;line-height:1.15;margin:3px 0 4px;letter-spacing:-.035em}.view-head p,.section-page-head p{margin:0;color:var(--muted);font-size:.88rem}.eyebrow,.section-label{font-size:.68rem!important;font-weight:700;letter-spacing:.12em;color:#86939b!important}.shift-badge{text-align:right}.shift-badge span{display:block;color:var(--muted);font-size:.7rem}.shift-badge strong{font-family:"JetBrains Mono";font-size:.77rem}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-head{display:flex;align-items:flex-start;justify-content:space-between}.panel-head h2{margin:4px 0 0;font-size:1.05rem;letter-spacing:-.02em}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:15px}.kpi{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;min-height:143px;position:relative;overflow:hidden}.kpi.warning{border-left:3px solid var(--amber)}.kpi-top{display:flex;justify-content:space-between;color:var(--muted);font-size:.75rem}.kpi-top b{font-size:.66rem;background:var(--soft);padding:3px 6px;border-radius:5px}.kpi-top b.positive{color:var(--green);background:var(--green-soft)}.kpi-top b.neutral{color:#687882}.kpi>strong{display:block;font-family:"JetBrains Mono";font-size:1.8rem;margin-top:15px;letter-spacing:-.06em}.kpi>strong small{font-size:.7rem;letter-spacing:0;color:var(--muted);font-family:"DM Sans"}.kpi>p{font-size:.68rem;color:#909ca3;margin:8px 0 0}.spark{position:absolute;right:17px;bottom:36px;height:36px;width:76px;display:flex;align-items:end;gap:3px}.spark i{width:7px;background:#dde5e8;border-radius:2px}.spark i.hot{background:var(--green)}.progress{height:6px;background:#edf0f1;border-radius:5px;overflow:hidden;margin-top:19px}.progress span{display:block;height:100%;background:var(--orange);border-radius:5px}.progress.large{height:8px;margin:8px 0}.metric-line{display:flex;justify-content:space-between;margin-top:15px;color:#87949c;font-size:.66rem}
.main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.85fr);gap:15px;margin-bottom:15px}.live-panel,.current-job{padding:20px}.live-label{color:var(--green);font-size:.68rem;font-weight:700;letter-spacing:.1em}.live-label .dot{margin-right:6px}.pulse{animation:pulse 1.8s infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(32,168,118,0)}}.machine-stage{height:225px;margin:17px -20px 0;background:linear-gradient(180deg,#f8fafb,#edf1f2);border-top:1px solid #edf0f2;position:relative;overflow:hidden}.machine-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(95,117,129,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(95,117,129,.06) 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(to bottom,#000,transparent)}.machine-visual{position:absolute;width:420px;height:185px;left:50%;top:8px;transform:translateX(-50%)}.conveyor{position:absolute;left:18px;bottom:35px;width:160px;height:31px;border:3px solid #667985;background:#dfe5e8;display:flex;gap:10px;padding:5px}.conveyor:after{content:"";position:absolute;left:8px;right:8px;bottom:-22px;border-bottom:5px solid #7a8b94;box-shadow:0 -13px 0 #7a8b94}.conveyor i{width:15px;height:15px;border:2px solid #98a7ae;border-radius:50%;background:#fff}.product-stack{position:absolute;left:73px;bottom:69px;width:79px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.product-stack span{height:17px;border-radius:2px;background:#e98354;border:1px solid #bd5c31}.pallet{position:absolute;right:25px;bottom:33px;width:102px;height:13px;background:#b08354;border:2px solid #815a35;display:flex;justify-content:space-around}.pallet i{height:9px;width:14px;background:#8f623a;position:relative;top:9px}.robot-base{position:absolute;left:217px;bottom:34px;width:55px;height:26px;background:#536875;border-radius:5px 5px 2px 2px}.robot-arm{position:absolute;background:#748893;border:3px solid #4f626d;border-radius:9px;transform-origin:bottom center}.a1{height:73px;width:20px;left:234px;bottom:55px;transform:rotate(-24deg)}.robot-joint{position:absolute;width:29px;height:29px;left:199px;bottom:112px;background:#f1783d;border:5px solid #536873;border-radius:50%;z-index:2}.a2{height:83px;width:17px;left:202px;bottom:130px;transform:rotate(67deg)}.robot-head{position:absolute;width:52px;height:12px;left:260px;top:21px;background:#536873;border-radius:3px}.sensor-beam{position:absolute;right:17px;bottom:85px;width:2px;height:86px;background:linear-gradient(transparent,#ed695d,transparent);box-shadow:0 0 7px #ed695d}.machine-state{position:absolute;right:17px;top:17px;background:rgba(255,255,255,.92);border:1px solid #dfe5e8;border-radius:9px;padding:12px 15px;min-width:174px;box-shadow:0 5px 16px rgba(30,51,62,.08)}.machine-state>span{font-size:.6rem;letter-spacing:.1em;color:#81909a}.machine-state strong{font-family:"JetBrains Mono";display:block;font-size:.7rem;margin:4px 0;color:#2f6353}.machine-state small{font-size:.63rem;color:#71808a}.machine-state.paused strong{color:var(--amber)}.telemetry{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin:0 -20px -20px}.telemetry div{padding:13px 18px;border-right:1px solid var(--line)}.telemetry div:last-child{border:0}.telemetry span,.telemetry strong{display:block}.telemetry span{font-size:.64rem;color:var(--muted)}.telemetry strong{font-family:"JetBrains Mono";font-size:.68rem;margin-top:2px}.ok{color:var(--green)!important}.client-row{display:flex;align-items:center;gap:11px;padding:19px 0 15px;border-bottom:1px solid var(--line)}.client-logo{width:37px;height:37px;border-radius:8px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;font-weight:700;font-size:.75rem}.client-row span,.client-row strong{display:block}.client-row span{font-size:.66rem;color:var(--muted)}.client-row strong{font-size:.82rem}.job-specs{margin:14px 0}.job-specs div{margin:9px 0}.job-specs dt{font-size:.65rem;color:var(--muted)}.job-specs dd{font-size:.76rem;font-weight:600;margin:1px 0}.job-progress{background:#f7f8f8;border-radius:9px;padding:12px;margin:15px 0}.job-progress>div:first-child{display:flex;justify-content:space-between;font-size:.7rem}.job-progress small{color:var(--muted);font-size:.65rem}.queue-panel{padding:20px}.queue-panel .panel-head{align-items:center;margin-bottom:12px}.panel-actions{display:flex;gap:11px;align-items:center}
.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:.62rem;letter-spacing:.08em;color:#7e8a92;text-transform:uppercase;background:#f7f8f9;padding:10px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}td{padding:12px;font-size:.75rem;border-bottom:1px solid #edf0f1;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfc}.mono{font-family:"JetBrains Mono";font-size:.7rem}.cell-main{display:block;font-weight:600}.cell-sub{display:block;color:var(--muted);font-size:.66rem;margin-top:2px}.priority{width:24px;height:24px;border-radius:6px;background:#edf1f3;display:grid;place-items:center;font-family:"JetBrains Mono";font-size:.65rem}.status-pill{display:inline-flex;align-items:center;gap:7px;border-radius:20px;padding:5px 9px;font-weight:700;font-size:.61rem;letter-spacing:.05em;white-space:nowrap}.status-pill.ready{background:var(--blue-soft);color:#2d70aa}.status-pill.running,.status-pill.success{background:var(--green-soft);color:#21825f}.status-pill.done{background:#eef1f2;color:#66757e}.status-pill.draft{background:var(--amber-soft);color:#9a731a}.row-action{border:1px solid var(--line);background:#fff;border-radius:7px;padding:6px 9px;color:#394a54;font-weight:600;font-size:.68rem;white-space:nowrap}.row-action.send{color:var(--orange-dark);border-color:#f4c2aa;background:#fff9f6}.row-action:hover{filter:brightness(.97)}
.section-page-head{align-items:center}.subnav{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:15px}.subnav button{border:0;background:transparent;padding:10px 14px;color:var(--muted);font-weight:600;font-size:.8rem;border-bottom:2px solid transparent}.subnav button.active{color:var(--ink);border-color:var(--orange)}.subnav b{font-size:.64rem;background:#dfe5e7;border-radius:10px;padding:2px 6px;margin-left:4px}.toolbar{display:flex;gap:10px;padding:14px;align-items:center;border-bottom:1px solid var(--line)}.search-box{height:40px;border:1px solid #d4dce0;background:#fff;border-radius:8px;display:flex;align-items:center;padding:0 11px;gap:8px;min-width:280px;flex:1}.search-box svg{width:17px;color:#81909a}.search-box input{border:0;outline:0;width:100%;font-size:.78rem}.toolbar select,.date-control button{height:40px;border:1px solid #d4dce0;background:#fff;border-radius:8px;padding:0 12px;color:#43545e;font-size:.75rem}.date-control{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.7rem}.master-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.master-card{padding:20px}.master-head{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}.round-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.round-icon.blue{background:var(--blue-soft);color:var(--blue)}.round-icon.orange{background:var(--orange-soft);color:var(--orange)}.round-icon.green{background:var(--green-soft);color:var(--green)}.master-head span,.master-head strong{display:block}.master-head span{font-size:.7rem;color:var(--muted)}.master-head strong{font-size:.92rem}.master-list{padding:8px 0}.master-list>div{display:flex;align-items:center;gap:10px;padding:10px 0}.master-list>div>b{width:34px;height:34px;display:grid;place-items:center;border-radius:7px;background:var(--soft);font-size:.68rem}.master-list span{display:block}.master-list strong,.master-list small{display:block}.master-list strong{font-size:.76rem}.master-list small{font-size:.63rem;color:var(--muted)}.pallet-patterns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 0 21px}.pallet-patterns>div{text-align:center}.pattern{height:54px;width:62px;display:grid;margin:auto;border:2px solid #86969e;background-size:12px 12px;background-image:linear-gradient(#c5d0d5 1px,transparent 1px),linear-gradient(90deg,#c5d0d5 1px,transparent 1px);background-color:#f6f8f9;transform:perspective(100px) rotateX(12deg)}.pallet-patterns b,.pallet-patterns small{display:block}.pallet-patterns b{font-size:.68rem;margin-top:6px}.pallet-patterns small{font-size:.59rem;color:var(--muted)}.history-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-bottom:15px}.history-summary div{background:#fff;padding:17px}.history-summary span{display:block;color:var(--muted);font-size:.68rem}.history-summary strong{font-family:"JetBrains Mono";font-size:1.25rem}.history-summary small{font-family:"DM Sans";font-size:.65rem;color:var(--muted)}.role-banner{display:flex;align-items:center;gap:14px;background:#eaf3fb;border:1px solid #cfe1f2;padding:17px 20px;border-radius:12px;margin-bottom:15px}.role-banner>div:nth-child(2){flex:1}.role-banner strong{font-size:.86rem}.role-banner p{font-size:.72rem;color:#607784;margin:2px 0}.user-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.user-card{padding:19px}.user-top{display:flex;align-items:center;gap:11px}.user-avatar{width:42px;height:42px;border-radius:10px;background:var(--nav2);color:#fff;display:grid;place-items:center;font-weight:700}.user-top>div:nth-child(2){flex:1}.user-top strong,.user-top small{display:block}.user-top strong{font-size:.83rem}.user-top small{font-size:.65rem;color:var(--muted)}.role-tag{display:inline-block;background:var(--soft);border-radius:5px;padding:4px 7px;font-size:.62rem;font-weight:600;margin-top:17px}.user-meta{display:flex;justify-content:space-between;margin-top:16px;padding-top:13px;border-top:1px solid var(--line);font-size:.65rem;color:var(--muted)}.connection-map{min-height:218px;display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;padding:28px 8%;margin-bottom:15px;position:relative;overflow:hidden}.connection-map:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(49,130,206,.08),transparent 45%)}.endpoint{text-align:center;position:relative;z-index:2}.endpoint-icon{width:70px;height:70px;border-radius:17px;margin:0 auto 9px;display:grid;place-items:center}.endpoint-icon svg{width:30px;height:30px}.endpoint-icon.office{background:var(--blue-soft);color:var(--blue)}.endpoint-icon.machine{background:var(--orange-soft);color:var(--orange)}.endpoint>span,.endpoint>strong,.endpoint>small{display:block}.endpoint>span{font-size:.61rem;color:var(--muted);letter-spacing:.1em}.endpoint>strong{font-size:.9rem}.endpoint>small{font-size:.64rem;color:var(--muted)}.data-link{position:relative;text-align:center}.data-link:before{content:"";position:absolute;left:3%;right:3%;top:50%;border-top:1px dashed #8facbc}.data-link>div{height:36px;display:flex;align-items:center;justify-content:center;gap:8px;position:relative}.data-link span{background:#fff;padding:0 6px;font-size:.6rem;color:#607580}.data-link svg{width:16px;background:#fff;color:var(--blue)}.data-link .reverse{flex-direction:row-reverse}.data-link .reverse svg{transform:rotate(180deg);color:var(--orange)}.data-link b{background:#1c2e38;color:#d9e5ea;border-radius:10px;padding:4px 9px;font-family:"JetBrains Mono";font-size:.59rem;position:relative}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.integration-grid .panel{padding:20px}.tech-list{margin:17px 0 0}.tech-list div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:.72rem}.tech-list div:last-child{border:0}.tech-list dt{color:var(--muted)}.tech-list dd{margin:0;font-family:"JetBrains Mono";font-size:.66rem}.event-list{padding-top:9px}.event-list>div{display:flex;gap:11px;padding:10px 0}.event{width:29px;height:29px;border-radius:50%;display:grid;place-items:center}.event svg{width:14px}.event.ok{background:var(--green-soft);color:var(--green)}.event.sent{background:var(--blue-soft);color:var(--blue)}.event.warn{background:var(--amber-soft);color:var(--amber)}.event-list strong,.event-list small{display:block}.event-list strong{font-size:.72rem}.event-list small{font-size:.63rem;color:var(--muted)}
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(8,18,25,.7);backdrop-filter:blur(3px)}.modal-card{position:relative;background:#fff;width:min(600px,100%);max-height:92vh;overflow:auto;border-radius:15px;box-shadow:0 30px 70px rgba(0,0,0,.28);padding:24px;animation:modalIn .2s ease-out}@keyframes modalIn{from{transform:translateY(10px);opacity:0}}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:19px}.modal-head h2{margin:3px 0 0;font-size:1.35rem}.modal-close{border:0;background:var(--soft);border-radius:50%;font-size:1.4rem;width:34px;height:34px;line-height:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label span{display:block;font-size:.68rem;font-weight:600;margin-bottom:5px}.form-grid input,.form-grid select{width:100%;height:42px;border:1px solid #cfd8dc;border-radius:8px;padding:0 11px;font-size:.78rem;color:var(--ink);background:#fff}.form-grid input:focus,.form-grid select:focus{outline:2px solid rgba(240,107,43,.2);border-color:var(--orange)}.form-grid .wide{grid-column:1/-1}.form-note{display:flex;gap:11px;background:var(--blue-soft);color:#355568;padding:13px;border-radius:9px;margin-top:17px}.form-note svg{color:var(--blue);flex:none}.form-note strong{font-size:.74rem}.form-note p{font-size:.67rem;margin:1px 0}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.trace-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}.trace-grid div{background:#f8f9fa;padding:11px}.trace-grid span,.trace-grid strong{display:block}.trace-grid span{font-size:.62rem;color:var(--muted)}.trace-grid strong{font-size:.72rem}.timeline{margin:18px 0}.timeline>div{display:flex;gap:12px;position:relative;padding-bottom:19px}.timeline>div:after{content:"";position:absolute;left:13px;top:28px;height:calc(100% - 28px);border-left:2px solid #dce3e6}.timeline>div:last-child:after{display:none}.timeline i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--green);color:#fff;z-index:1}.timeline i svg{width:14px}.timeline .active i{border:7px solid var(--orange-soft);background:var(--orange)}.timeline strong,.timeline small{display:block}.timeline strong{font-size:.76rem}.timeline small{font-size:.65rem;color:var(--muted)}.toast{position:fixed;right:24px;bottom:24px;z-index:150;background:#14232c;color:#fff;padding:13px 17px;border-radius:10px;display:flex;gap:11px;align-items:center;box-shadow:0 16px 40px rgba(0,0,0,.24);transform:translateY(30px);opacity:0;pointer-events:none;transition:.25s}.toast.show{transform:none;opacity:1}.toast>i{width:29px;height:29px;border-radius:50%;background:var(--green);display:grid;place-items:center}.toast>i svg{width:15px}.toast strong,.toast span{display:block}.toast strong{font-size:.75rem}.toast span{font-size:.65rem;color:#aebdc5}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.main-grid{grid-template-columns:1fr}.master-grid,.user-grid{grid-template-columns:repeat(2,1fr)}.integration-grid{grid-template-columns:1fr}.connection-map{padding-inline:3%}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.sidebar.open:after{content:"";position:fixed;left:248px;right:-100vw;top:0;bottom:0;background:rgba(5,14,20,.45)}main{margin-left:0}.topbar{padding:0 16px;height:68px}.mobile-menu{display:block}.crumb{flex:1}.crumb span{display:none}.top-actions .sync-status,.top-actions .compact{display:none}.view{padding:24px 16px}.view-head,.section-page-head{align-items:flex-start}.view-head>div:first-child,.section-page-head>div:first-child{padding-right:12px}.view-head h1,.section-page-head h1{font-size:1.4rem}.section-page-head .primary-btn{font-size:0;width:42px;height:42px;padding:0}.section-page-head .primary-btn svg{margin:0}.master-grid,.user-grid{grid-template-columns:1fr}.connection-map{grid-template-columns:1fr;gap:16px}.data-link{width:70%;margin:auto;transform:rotate(90deg)}.data-link span,.data-link b{transform:rotate(-90deg)}.history-summary{grid-template-columns:repeat(2,1fr)}.toolbar{flex-wrap:wrap}.search-box{min-width:100%}.telemetry{grid-template-columns:repeat(2,1fr)}.telemetry div:nth-child(2){border-right:0}.machine-stage{height:250px}.machine-visual{transform:translateX(-50%) scale(.82);transform-origin:center bottom}.machine-state{right:8px;top:8px}.shift-badge{display:none}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.subnav{overflow-x:auto}.toast{left:16px;right:16px;bottom:16px}}
@media(max-width:540px){.kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.kpi{padding:14px;min-height:133px}.kpi>strong{font-size:1.4rem}.spark{display:none}.queue-panel,.live-panel,.current-job{padding:16px}.machine-stage{margin-inline:-16px}.telemetry{margin-inline:-16px}.top-actions{gap:7px}.view-head p{display:none}.history-summary{grid-template-columns:1fr 1fr}.connection-map{padding-block:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}