/* Equipment proportions and panel hierarchy follow the four supplied references. */
.monitor-stage{grid-template-columns:185px minmax(0,1fr);gap:28px;padding:28px}.monitor-screen{container-type:inline-size;min-height:0;aspect-ratio:1.63;display:block;isolation:isolate;border:3px solid #080b10;border-radius:3px;font-family:Arial,Helvetica,sans-serif;color:#343d45}.monitor-screen *{box-sizing:border-box}.monitor-screen button{font-family:Arial,Helvetica,sans-serif;cursor:pointer}.monitor-screen button:hover{filter:brightness(1.07)}.monitor-screen button:focus-visible{outline:2px solid #65b4df;outline-offset:-3px}.monitor-screen .mu-icon{display:inline-block;vertical-align:middle;width:3.5cqw;height:3.5cqw;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.monitor-screen label{pointer-events:none}.monitor-screen [data-monitor-map]{position:relative;overflow:hidden;min-width:0;min-height:0}.monitor-screen .mini-map{margin:0;border-radius:0;width:100%;height:100%;display:block}.mu-field-label{position:absolute;bottom:4%;left:5%;font-size:1.5cqw;color:white;background:#284935b8;padding:.5cqw 1cqw;z-index:1}.bezel{padding:5% 5.5% 3%;border-radius:4cqw;background:linear-gradient(135deg,#29272c 0,#121216 62%,#25232a);border-color:#363035;box-shadow:inset 0 1px 3px #a7a5a544,0 15px 35px #253b3526}.hardware-label{font-family:Arial,sans-serif;font-weight:bold;font-style:italic;letter-spacing:0;top:2%;left:5.5%;font-size:12px}.hardware-bottom{font-family:Arial,sans-serif;font-size:8px;letter-spacing:.5px;margin-top:2%}.bezel.stara{padding:7% 5% 4%;background:linear-gradient(130deg,#cf622b,#e4823a 53%,#be4b21);border:2px solid #9b4827;border-radius:24px;box-shadow:inset 0 1px 3px #ffc18577,0 15px 35px #253b3526}.stara .hardware-label{left:50%;transform:translateX(-50%);background:#20252b;color:#cdd5dc;border:2px solid #484c50;border-radius:5px;padding:1px 14px;top:1.5%;font-size:18px}.stara .hardware-bottom{justify-content:flex-end;gap:13px;color:#382f2a}.stara #hardware-caption{background:#1c252e;border:1px solid #6d6f72;color:#d6e0e3;border-radius:4px;padding:3px 10px;font-size:12px;letter-spacing:2px;text-transform:uppercase}.bezel.cnh{border-radius:23px;padding:5.7% 5% 4.8%;background:linear-gradient(120deg,#373c3f,#141c20 50%,#293339);border-color:#151f23}.cnh .monitor-screen{aspect-ratio:1.42}.bezel.deere{padding:4% 4.7% 3%;border-radius:14px;background:linear-gradient(140deg,#223135,#0b151b);border:2px solid #17262e}.deere .monitor-screen{aspect-ratio:1.5}.stara .monitor-screen{aspect-ratio:1.47}
/* Trimble XCN-1050 / Precision-IQ */
.mu-trimble{height:100%;display:grid;grid-template-rows:3.8% 10.5% 80.7% 5%;background:#c8cfd0}.t-os{display:flex;justify-content:space-between;align-items:center;background:#535e7c;color:white;padding:0 1cqw;font-size:1.35cqw}.t-os .mu-icon{width:1.4cqw;height:1.4cqw}.t-toolbar{background:linear-gradient(#5b6480,#525b79);display:flex;align-items:center;justify-content:space-between;padding:0 2cqw;border-bottom:1px solid #8794ab}.t-toolbar>div{display:flex;align-items:center;gap:2cqw}.t-toolbar button{background:transparent;border:0;color:#c1cbd9;padding:0}.t-toolbar button span{display:none}.t-toolbar .mu-icon{width:5cqw;height:5cqw;stroke-width:1.5}.t-toolbar .t-round{border-radius:50%;width:5cqw;height:5cqw;background:#f4b739;border:1px solid #fff;color:white;display:grid;place-items:center}.t-toolbar .t-round .mu-icon{width:3.2cqw;height:3.2cqw}.t-toolbar .t-satellite{color:#e14a66;transform:rotate(-14deg)}.t-workspace{display:flex;min-height:0}.t-rail{width:5.5%;background:#e4e7d5;display:flex;flex-direction:column}.t-rail button{display:grid;place-items:center;border:0;background:transparent;color:#758897;padding:1.3cqw .5cqw;flex:1}.t-rail button:first-child{background:#e9ae37;color:white}.t-rail button span{display:none}.t-rail .mu-icon{width:2.8cqw;height:2.8cqw}.t-home{display:flex;flex:1;flex-direction:column;padding:.8cqw 1cqw .7cqw;margin:0;max-width:none;min-width:0}.t-title{text-align:center;font-size:1.8cqw;color:#53617d;height:7%;flex-shrink:0}.t-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:1cqw;min-height:0;flex:1}.t-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;background:linear-gradient(110deg,#e4e7ce,#f3f2df);border:1px solid white;border-radius:0;text-align:left;color:#48515a;padding:.85cqw;min-width:0;min-height:0}.t-card label{font-size:1.45cqw;color:#718897;margin-bottom:1cqw;z-index:1}.t-card strong{font-size:1.85cqw;font-weight:500;line-height:1.1;max-width:90%;z-index:1}.t-card small{font-size:1.3cqw;margin-top:.35cqw;line-height:1.15;z-index:1}.t-card.red small{color:#a55a5d}.t-card i{position:absolute;right:0;top:0;clip-path:polygon(0 0,100% 0,100% 100%);width:6cqw;height:5cqw;background:#85b168;color:#eef5df;display:flex;align-items:flex-start;justify-content:flex-end;padding:.4cqw}.t-card i .mu-icon{height:2.2cqw;width:2.2cqw}.t-card.red i{background:#db586d}.t-gnss{grid-area:1/1}.t-vehicle{grid-area:1/2}.t-area{grid-area:1/3/3/4;padding-bottom:0}.t-area small{font-size:1.05cqw;white-space:nowrap;margin-top:.15cqw;color:#718176}.t-area .mu-map{width:calc(100% + 1.7cqw);margin:.3cqw -.85cqw 0;flex:1}.t-system{grid-area:2/1/4/2}.t-implement{grid-area:2/2}.t-material{grid-area:3/2}.t-task{grid-area:3/3}.t-task label span{font-size:1cqw;color:#9ea4a0}.t-devices{display:grid;grid-template-columns:1fr auto;gap:.6cqw .5cqw;width:100%;margin-top:2cqw;font-size:1.3cqw}.t-devices>span{font-size:1.1cqw;border-bottom:1px solid #cdd4c4;color:#829092;padding-bottom:.6cqw}.t-devices b{font-weight:400;color:#7c9ba6}.t-devices em{color:#7f9c64;font-size:2cqw;line-height:1}.t-actions{display:flex;gap:1cqw;height:17%;padding-top:1cqw;flex-shrink:0}.t-actions button{display:flex;flex-direction:column-reverse;align-items:center;justify-content:center;gap:.5cqw;flex:1;background:#475371;color:#fff;border:1px solid #f6f8e7;font-size:1.6cqw}.t-actions .mu-icon{width:2.5cqw;height:2.5cqw;stroke-width:2.5}.t-android{background:#151820;color:#e3e6e9;display:flex;justify-content:space-between;align-items:center;padding:0 5cqw;font-size:2cqw}.t-android span{margin:auto}.t-android .mu-icon{width:2.4cqw;height:2.4cqw}.t-grid.is-running{display:block}.t-guidance{height:100%;position:relative}.t-guidance .full{height:100%}.t-guidance-bar{position:absolute;inset:auto 0 0;background:#36455aee;padding:1cqw;color:#fff;font-size:1.5cqw;text-align:center}
/* John Deere operation / guidance screen */
.mu-deere{height:100%;display:grid;grid-template-rows:8% 79% 13%;background:#dfe3d3;color:#3a4541}.j-toolbar{display:flex;align-items:center;justify-content:space-between;background:#17602d;color:white;padding:0 1.3cqw;font-size:1.5cqw}.j-toolbar>div{display:flex;align-items:center;gap:1.6cqw;height:100%}.j-toolbar b{font-size:1.2cqw;font-weight:400}.j-toolbar .mu-icon{width:2.5cqw;height:2.5cqw}.j-toolbar button{background:#28703a;border:1px solid #133a22;color:white;height:100%;padding:0 1cqw}.j-toolbar button span{display:none}.j-rtk{border:1px solid #c3dcc5;border-radius:3px;padding:0 .5cqw}.j-work{display:grid;grid-template-columns:18% 62% 20%;gap:.4cqw;min-height:0}.j-stats{border:1px solid #627865;text-align:center;overflow:hidden;background:#e2e4d5}.j-stats label,.j-controls label{display:block;background:#475c53;color:#e4e9e2;font-size:1.15cqw;padding:.45cqw}.j-stats strong{display:block;font-size:2.2cqw;font-weight:400;padding:1.15cqw .2cqw}.j-stats small{font-size:1.3cqw}.j-data-row{border-top:1px solid #b7c0b3;padding:1cqw 0;font-size:1.7cqw}.j-auto{padding:1cqw 0;font-size:1.3cqw;color:#326e3c}.j-client{font-size:1.05cqw;line-height:1.5;padding:.8cqw .3cqw;text-align:left}.j-center{display:grid;grid-template-rows:47% 6% 47%;min-height:0}.j-boom{background:#e5e7db;position:relative;min-height:0}.mu-implement{display:block;width:100%;height:100%}.j-boom>.mu-implement{height:74%}.j-boom>div:not(.j-boom-section){display:flex;justify-content:space-around;position:absolute;inset:auto 0 8%;font-size:2.2cqw}.j-boom small{display:block;font-size:1.15cqw;text-align:center}.j-boom-section{position:absolute;left:5%;right:5%;height:8%;bottom:1%;background:linear-gradient(to bottom,#208b3b 0 50%,#2857a8 50%);border:1px solid #365e51}.j-errorbar{color:#e8f2dd;background:linear-gradient(90deg,#e2e5d6 44%,#227e3f 44% 56%,#e2e5d6 56%);text-align:center;font-size:1.6cqw;border-top:1px solid #7c8b73;border-bottom:1px solid #6e806b}.j-guidance{position:relative;overflow:hidden;background:linear-gradient(#173971,#1f5594 70%,#163d6c)}.j-guidance .mu-map{position:absolute;inset:0}.j-guidance .mini-map{background:transparent;transform:perspective(23cqw) rotateX(45deg) scale(1.4);transform-origin:50% 15%}.j-guidance .mini-map path:not([fill="none"]){fill:#244b67;stroke:#8daeb1}.j-guidance .mini-map path[fill="none"]{stroke:#3a77d2}.j-guidance .mu-field-label{display:none}.j-lane-lines{position:absolute;inset:0;background:repeating-conic-gradient(from 164deg at 50% 0%,transparent 0deg 7deg,#397ed8aa 7.3deg 7.6deg,transparent 8deg 10deg);pointer-events:none;opacity:.5}.j-route-label{position:absolute;left:2%;top:4%;color:white;font-size:1.3cqw}.j-vehicle{position:absolute;width:5cqw;height:8cqw;bottom:14%;left:calc(50% - 2.5cqw);background:#3d4a3a;border:.4cqw solid #91a13d;color:#d6e4cf;display:grid;place-items:center;transform:perspective(60px) rotateX(25deg)}.j-controls{border:1px solid #8a9682;background:#e8e8dc;display:flex;flex-direction:column;min-width:0;overflow:hidden}.j-controls>button,.j-shift button{border:1px solid #9ca893;background:linear-gradient(#f3f3e8,#d2dac8);margin:.5cqw;padding:.55cqw;color:#4a5a49;font-size:1.2cqw;display:flex;align-items:center;justify-content:center;gap:.4cqw;min-height:10%}.j-controls .mu-icon{width:2.4cqw;height:2.4cqw}.j-controls>button:nth-of-type(3){margin-top:2cqw}.j-shift{display:flex}.j-shift button{flex:1}.j-shift button span{display:none}.j-controls strong{font-size:1.5cqw;font-weight:400;padding:.7cqw}.j-controls strong small{display:block;font-size:1cqw}.j-controls p{font-size:1.1cqw;margin:.7cqw}.j-bottom{display:flex;background:#d8dfcb;border-top:2px solid #8b9b81}.j-bottom button{flex:1;min-width:0;padding:.3cqw;border:1px solid #a8b49d;border-top:0;background:linear-gradient(#e8eedc,#c5d0b7);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:1.05cqw;gap:.4cqw;color:#364f33}.j-bottom button:last-child{background:#1b6540;color:#e7eddc}.j-bottom .mu-icon{width:3.4cqw;height:3.4cqw}
/* Stara Topper */
.mu-stara{height:100%;display:grid;grid-template-rows:49% 51%;background:#196471;color:#e7f0e8}.s-upper{display:grid;grid-template-columns:62% 38%;min-height:0}.s-instruments{display:grid;grid-template-rows:31% 69%;min-height:0}.s-toprow{display:grid;grid-template-columns:24% 20% 24% 32%;min-height:0}.s-toprow>button{border:1px solid #447f88;background:#14515e;color:#e9eee6;min-width:0;font-size:1.45cqw;padding:.5cqw}.s-toprow>button:first-child{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5cqw}.s-toprow>button:first-child .mu-icon{stroke:#da9876;width:6cqw;height:4cqw}.s-blueblank{background:linear-gradient(90deg,#1e90b7,#48b8d6);border:1px solid #78bbcb}.s-toprow .s-signal{background:#d8ac56;text-align:left}.s-signal .mu-icon{width:3.6cqw;height:3.6cqw;display:block;margin:0 auto .3cqw}.s-signal span{font-size:1.3cqw;line-height:1.1;display:block}.s-area{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:.45cqw;text-align:left}.s-area span{display:block;font-size:1.45cqw}.s-area span small,.s-area b{float:right;font-size:1.4cqw;font-weight:400}.s-metrics{display:grid;grid-template-columns:12% 23% 22% 24% 19%;grid-template-rows:55% 45%;min-height:0}.s-scale{grid-row:1/3;display:flex;flex-direction:column;text-align:center;font-size:1.3cqw;min-height:0}.s-scale>span{background:#113d4d;height:12%;font-size:1.1cqw}.s-scale i{background:var(--swatch);font-style:normal;flex:1;line-height:1.1;color:#bed3c3}.s-tank,.s-dial{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #357684;background:#1b6370;min-width:0}.s-tank strong{font-size:4.5cqw;font-weight:400;letter-spacing:.1cqw}.s-tank>span{font-size:1.5cqw;margin-top:1cqw}.s-dial>span{font-size:1.25cqw;white-space:nowrap}.s-gauge{height:65%;width:90%;position:relative;display:flex;align-items:center;justify-content:center}.s-gauge:before{content:'';position:absolute;inset:0;border-radius:50% 50% 0 0;border-top:.9cqw solid #b5b55d;border-left:.9cqw solid #b2544e;border-right:.9cqw solid #8cb9a5;clip-path:polygon(0 0,100% 0,100% 80%,0 80%)}.s-gauge b{font-size:3.6cqw;font-weight:400;line-height:1;text-align:center;padding-top:1cqw}.s-gauge small{display:block;font-size:1.9cqw}.s-auto{background:#4b3f4e;display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap;padding:.6cqw .4cqw}.s-auto .mu-icon{width:3cqw;height:4cqw;stroke:#d9e5e2}.s-auto span{font-size:1.3cqw}.s-power{grid-column:2;border:1px solid #317785;background:#196175;color:#e4f0ee;padding:.5cqw;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.s-power .mu-icon{width:4.5cqw;height:4.5cqw;stroke-width:2}.s-power>span{font-size:1.05cqw;line-height:1.15;text-align:left;margin-top:.5cqw}.s-rate{background:linear-gradient(125deg,#c56b6b,#b0646b);border:1px solid #7e555d;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.s-rate strong{font-size:3.9cqw;font-weight:400;line-height:1}.s-rate span{font-size:1.3cqw;line-height:1.1;margin-top:.4cqw}.s-camera{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#7da4b9,#406c85 70%);border:2px solid #102c3f;padding:0;color:#d8e6e7}.s-camera .mu-implement{height:95%;transform:scale(1.4) translateY(8%);filter:drop-shadow(0 4px 4px #10243066)}.s-camera>span{position:absolute;bottom:.5cqw;left:0;right:0;font-size:.9cqw;color:#c5d5da;background:#23465eaa;padding:.4cqw}.s-field{position:relative;overflow:hidden;background-color:#8fae93;background-image:linear-gradient(45deg,#729a7b55 25%,transparent 25%,transparent 75%,#729a7b55 75%),linear-gradient(45deg,#729a7b55 25%,transparent 25%,transparent 75%,#729a7b55 75%);background-size:2cqw 2cqw;background-position:0 0,1cqw 1cqw}.s-field .mu-map{position:absolute;inset:0 0 0 15%;transform:perspective(100cqw) rotateX(28deg) rotateZ(-4deg) scale(1.25);transform-origin:50% 100%}.s-field .mini-map{background:transparent}.s-field .mini-map path:not([fill="none"]){fill:#dccd54;stroke:#b8c891}.s-field .mini-map path[fill="none"]{stroke:#5e81a8;stroke-width:2;stroke-dasharray:7 3}.s-field .mu-field-label{display:none}.s-ab{position:absolute;bottom:12%;left:28%;font-size:1.5cqw;background:#2a738d;padding:.4cqw;color:#e5eeeb}.s-project-status{position:absolute;bottom:1%;left:2%;font-size:1.1cqw;color:#234e4c;background:#d8e5bdbb;padding:.5cqw 1cqw}
/* CNH IntelliView / Pro home menu */
.mu-cnh{height:100%;display:grid;grid-template-rows:11% 82% 7%;background:linear-gradient(120deg,#e2dfbb,#d5d3a3);color:#4a493a}.c-status{display:flex;align-items:center;justify-content:space-between;padding:0 1cqw;border-bottom:1px solid #a7aa90;background:linear-gradient(#e2e3d1,#cacdb5)}.c-status>div{display:flex;align-items:center;gap:.5cqw}.c-status .mu-icon{width:4.8cqw;height:4.8cqw;color:#8a9084;stroke-width:1.8;filter:drop-shadow(1px 1px 0 #f5f6e8)}.c-status .mu-icon:nth-of-type(2){transform:rotate(-90deg)}.c-status b{font-size:1.5cqw;font-weight:400;align-self:flex-end}.c-status>span{font-size:1.2cqw;color:#757b65}.c-work{display:grid;grid-template-columns:26% 74%;min-height:0}.c-stats{background:linear-gradient(120deg,#dbd8b4,#cbc9a0);border-right:2px solid #b7b89c;display:flex;flex-direction:column;min-height:0}.c-stats>div{padding:1cqw 1cqw 1.1cqw;border-bottom:1px solid #b5b79a;box-shadow:0 1px 0 #eff0ce;font-size:2cqw;flex:1}.c-stats label{font-size:1.9cqw;display:block;color:#7b7e64;margin-bottom:.6cqw}.c-stats strong{font-size:2.8cqw;font-weight:400;color:#666b51;white-space:nowrap}.c-stats small{font-size:1.8cqw}.c-stats p{font-size:1.1cqw;line-height:1.5;padding:.5cqw 1cqw;margin:0;color:#70735b}.c-menu{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:2.5cqw 2cqw;padding:2.8cqw 3cqw 2cqw;min-height:0}.c-menu-item{border:0;background:none;color:#494a35;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8cqw;padding:0;min-width:0;min-height:0}.c-menu-item>b{font-size:1.9cqw;font-weight:600;white-space:nowrap;text-shadow:0 1px #f8f9db}.c-icon{width:15cqw;height:9cqw;display:flex;align-items:center;justify-content:center;background:linear-gradient(115deg,#eeeeeb,#b6bbb6);border:1.5px solid #646d61;outline:1px solid #fafbec;box-shadow:inset 2px 2px 1px #fafaf6,inset -2px -2px 1px #9caba0,1px 2px 3px #83896a;color:#65736e;position:relative}.c-icon .mu-icon{width:7cqw;height:7cqw;stroke-width:1.8;filter:drop-shadow(2px 2px 0 #3f49424d)}.c-icon.yellow .mu-icon{stroke:#4e5860;fill:#e7d747;transform:rotate(-14deg)}.c-icon.green .mu-icon{stroke:#6eaa60;stroke-width:4;filter:drop-shadow(1px 1px 0 #455a39)}.c-icon.screen .mu-icon{stroke:#3f4d5d;fill:#d2c84e;stroke-width:1.6}.c-icon.blue .mu-icon{stroke:#4766a5;fill:#b3c6d1}.c-icon.multi .mu-icon{stroke:#42667a;fill:#85a95a;stroke-width:1.5}.c-clock{border-top:1px solid #9fa98e;box-shadow:inset 0 1px #f1f1d1;text-align:center;font-size:1.7cqw;display:flex;align-items:center;justify-content:center;background:#d1d3b5}.c-menu:has(.c-run){display:block;padding:1cqw}.c-run{height:100%;position:relative}.c-run .mu-map{height:100%}.c-run>div:last-child{position:absolute;bottom:0;left:0;right:0;background:#d9ddc0dd;color:#435341;padding:1cqw;font-size:1.6cqw}
/* The demo data panel opens over the equipment content, like a transfer dialog. */
.monitor-screen .screen-dialog{inset:13% 4% 9% 8%;background:#eef0df;border:2px solid #89917e;border-radius:2px;padding:2cqw;font-family:Arial,sans-serif}.monitor-screen .screen-dialog h3{font-size:2.8cqw;margin:0 0 2cqw}.monitor-screen .screen-dialog p,.monitor-screen .screen-dialog li{font-size:1.9cqw}.monitor-screen .screen-dialog button{font-size:1.8cqw;padding:1.5cqw 2cqw;border-radius:2px}.monitor-screen .screen-dialog .close-screen{font-size:3cqw;padding:0 1cqw}.monitor-screen .screen-dialog ul{margin:1.5cqw 0;padding-left:3cqw}
@media(max-width:1000px){.monitor-stage{grid-template-columns:155px minmax(0,1fr);gap:20px;padding:24px}.monitor-intro h2{font-size:26px}.hardware-label{font-size:10px}.hardware-bottom{font-size:7px}.stara .hardware-label{font-size:14px}}
@media(max-width:760px){.monitor-stage{grid-template-columns:minmax(0,1fr);padding:18px 10px;gap:17px}.monitor-intro h2{font-size:25px}.bezel,.bezel.cnh,.bezel.deere{padding:6% 4.5% 4%;border-radius:16px}.bezel.stara{padding:9% 4% 4%;border-radius:15px}.hardware-label{font-size:8px;left:5%;top:2%}.hardware-bottom{font-size:5px;letter-spacing:0}.stara .hardware-label{font-size:11px;padding:0 10px;top:1.8%}.stara #hardware-caption{font-size:7px;padding:2px 5px}.monitor-screen{border-width:2px}.hardware-power{font-size:10px}}

.s-field .mini-map{transform:rotate(65deg) scale(1.8);transform-origin:50% 50%}