.native-machine *{box-sizing:border-box}.native-machine{color:#182c40;background:#f2f5f8;margin:0;font-family:Arial,sans-serif}.native-machine button,.native-machine input,.native-machine select,.native-machine textarea{font:inherit}.native-machine button{cursor:pointer}.native-machine header{color:#fff;background:#102b42;align-items:center;gap:13px;padding:20px 4%;display:flex}.native-machine .brand{background:#18baa8;border-radius:12px;padding:6px 12px;font-size:28px}.native-machine header strong{letter-spacing:3px;font-size:17px}.native-machine header small{letter-spacing:1.8px;color:#a6bed0;margin-top:7px;font-size:9px;display:block}.native-machine .connection{color:#b8d4df;margin-left:auto;font-size:12px}.native-machine i{background:var(--c,#b1bac6);border-radius:50%;width:9px;height:9px;margin-right:8px;display:inline-block}.native-machine .connection i{background:#27d4af}.native-machine main{max-width:1800px;margin:auto;padding:35px 4%}.native-machine .heading{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.native-machine .eyebrow{letter-spacing:1.5px;color:#578093;font-size:10px;font-weight:700}.native-machine h1{margin:12px 0;font-size:32px}.native-machine p{color:#6d7e8c;font-size:14px}.native-machine .heading button,.native-machine .toolbar button{background:#fff;border:1px solid #dce4e9;border-radius:7px;padding:10px 14px}.native-machine .stats{grid-template-columns:1.25fr repeat(4,1fr);gap:14px;margin-bottom:26px;display:grid}.native-machine .stats button{text-align:left;border:1px solid #e0e7ec;border-top:3px solid var(--c,#183b54);background:#fff;border-radius:12px;padding:20px}.native-machine .stats span{color:#627384;font-size:10px;font-weight:700}.native-machine .stats b{color:var(--c,#183b54);margin:10px 0;font-size:35px;display:block}.native-machine small{color:#7a8b98;font-size:11px}.native-machine .unknown{--c:#94a3b1}.native-machine .stats .active{outline:2px solid var(--c)}.native-machine .panel{background:#fff;border:1px solid #dee6ec;border-radius:12px;margin-bottom:24px;overflow:hidden}.native-machine .toolbar{border-bottom:1px solid #e2e9ee;align-items:center;gap:12px;padding:20px;display:flex}.native-machine .toolbar>div:first-child{margin-right:auto}.native-machine h2{margin:0 0 6px;font-size:18px}.native-machine .toolbar input,.native-machine .toolbar select{color:#375469;background:#fff;border:1px solid #dce4e9;border-radius:7px;padding:10px}.native-machine .zoom{align-items:center;gap:10px;font-size:12px;display:flex}.native-machine .mapscroll{background:#f8fafb;padding:22px;overflow:auto}.native-machine .map{margin:auto;position:relative}.native-machine .map img{width:100%;display:block}.native-machine .machine{border:2px solid var(--c);background:color-mix(in srgb,var(--c) 28%,transparent);border-radius:3px;padding:0;transition:background .15s;position:absolute}.native-machine .machine:hover,.native-machine .machine:focus{background:color-mix(in srgb,var(--c) 65%,transparent);z-index:3;outline:3px solid #163c55}.native-machine .machine span{color:#fff;white-space:nowrap;background:#102b42;border-radius:5px;padding:8px;font-size:12px;display:none;position:absolute;top:100%;left:0}.native-machine .machine:hover span,.native-machine .machine:focus span{display:block}.native-machine footer{color:#738594;justify-content:space-between;padding:14px 20px;font-size:11px;display:flex}.native-machine .list{padding:22px}.native-machine .grid{grid-template-columns:repeat(5,1fr);gap:10px;margin-top:20px;display:grid}.native-machine .grid button{text-align:left;background:#fff;border:1px solid #e3eaef;border-radius:8px;align-items:center;padding:12px;display:flex}.native-machine .grid strong{font-size:11px}.native-machine .grid small{margin-top:6px;display:block}.native-machine .grid button>span{color:#9badb7;margin-left:auto}.native-machine .hint{font-size:11px;line-height:1.6}.native-machine .overlay{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c253d88;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.native-machine .modal{background:#fff;border-radius:17px;width:460px;max-height:95vh;padding:32px;position:relative;overflow:auto}.native-machine .modal h2{margin-top:14px;font-size:26px}.native-machine .close{color:#7c8d99;background:0 0;border:0;font-size:26px;position:absolute;top:13px;right:15px}.native-machine .choices{gap:10px;margin:23px 0;display:grid}.native-machine .choices button{text-align:left;color:var(--c);background:#fff;border:1px solid #dce4e9;border-radius:9px;padding:16px;font-weight:700}.native-machine .choices .chosen{border:2px solid var(--c);background:color-mix(in srgb,var(--c) 8%,white)}.native-machine label{font-size:12px;font-weight:700}.native-machine textarea{resize:vertical;border:1px solid #dce4e9;border-radius:8px;width:100%;min-height:85px;margin-top:9px;padding:12px;display:block}.native-machine .save{color:#fff;background:#123f58;border:0;border-radius:9px;width:100%;margin-top:20px;padding:15px;font-weight:700}.native-machine .toast{color:#fff;z-index:20;background:#163e52;border-radius:12px;padding:17px 25px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 35px #0003}@media (max-width:900px){.native-machine .stats{grid-template-columns:repeat(2,1fr)}.native-machine .stats button:first-child{grid-column:span 2}.native-machine .toolbar{flex-wrap:wrap}.native-machine .toolbar>div:first-child{width:100%}.native-machine .grid{grid-template-columns:repeat(2,1fr)}.native-machine h1{font-size:25px}.native-machine .connection{font-size:10px}.native-machine header{padding:16px}.native-machine .heading{align-items:start}.native-machine .heading button{font-size:11px}.native-machine .toolbar input{width:50%}.native-machine main{padding:25px 15px}.native-machine footer{gap:15px}.native-machine .mapscroll{padding:12px}}.native-machine .layout-svg{aspect-ratio:1198/538;width:100%;height:auto;display:block}.native-machine .machine-region{fill:var(--c);fill-opacity:.23;stroke:var(--c);stroke-width:1.5px;cursor:pointer;vector-effect:non-scaling-stroke}.native-machine .machine-region.unknown{fill-opacity:.04;stroke-opacity:.4}.native-machine .machine-region:hover,.native-machine .machine-region:focus{fill-opacity:.45;stroke:#102b42;stroke-width:3px;outline:none}.native-machine .vector-plan{font-family:Arial,sans-serif}.native-machine .room-label{text-anchor:middle;fill:#41566a;font-size:10px;font-weight:700}.native-machine .vector-machine{cursor:pointer;--c:#94a3b1}.native-machine .equipment-box{fill:color-mix(in srgb,var(--c) 19%,white);stroke:var(--c);stroke-width:1.2px}.native-machine .vector-machine.unknown .equipment-box{fill:#f4f7fa;stroke:#8195a6}.native-machine .equipment-name{fill:#102b42;pointer-events:none;font-weight:700}.native-machine .vector-machine:hover .equipment-box,.native-machine .vector-machine:focus .equipment-box{stroke:#102b42;stroke-width:2.4px;fill:color-mix(in srgb,var(--c) 35%,white)}.native-machine .vector-machine:focus{outline:none}.native-machine .mapscroll{max-height:78vh}.native-machine .edit-layout{background:#f8fafc;border:1px solid #dbe5ed;border-radius:12px;margin-top:22px;padding:18px}.native-machine .edit-layout h3{margin:0 0 16px;font-size:14px}.native-machine .edit-layout label>input{background:#fff;border:1px solid #bccdd8;border-radius:7px;width:100%;margin-top:8px;padding:11px;display:block}.native-machine .rotation-heading{align-items:center;gap:7px;margin:17px 0 10px;display:flex}.native-machine .rotation-heading label{margin-right:auto}.native-machine .rotation-heading input{border:1px solid #bccdd8;border-radius:6px;width:70px;padding:8px}.native-machine .edit-layout input[type=range]{accent-color:#123f58;width:100%}.native-machine .angle-presets{gap:6px;margin-top:10px;display:flex}.native-machine .angle-presets button{background:#fff;border:1px solid #d2dfe7;border-radius:6px;flex:1;padding:8px 3px;font-size:11px}.native-machine .angle-presets .chosen-angle{color:#fff;background:#123f58}.native-machine .rotation-preview{background:#fff;border:1px dashed #b8cbd7;border-radius:8px;justify-content:center;align-items:center;height:160px;margin:16px 0 9px;display:flex;overflow:hidden}.native-machine .rotation-preview span{white-space:nowrap;font-size:15px;font-weight:700;display:inline-block}.native-machine .modal{width:520px}.native-machine .save:disabled{opacity:.5;cursor:default}.native-machine .mode-tabs{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:22px;display:grid}.native-machine .mode-tabs button{text-align:left;color:#506b80;background:#fff;border:2px solid #dae3eb;border-radius:12px;padding:18px 22px}.native-machine .mode-tabs strong{font-size:17px;display:block}.native-machine .mode-tabs small{margin-top:8px;display:block}.native-machine .mode-tabs .mode-active{color:#0d5670;background:#edf9fc;border-color:#137e9a;box-shadow:0 3px 12px #0d567010}.native-machine .mode-tabs .mode-active small{color:#47778b}@media (max-width:600px){.native-machine .mode-tabs{gap:8px}.native-machine .mode-tabs button{padding:13px}.native-machine .mode-tabs strong{font-size:14px}.native-machine .mode-tabs small{font-size:10px}}.native-machine .vector-machine.running{--c:#008b43}.native-machine .vector-machine.maintenance{--c:#fc0}.native-machine .vector-machine.off{--c:#e51f2a}.native-machine .vector-machine:not(.unknown) .equipment-box{fill:var(--c);stroke:var(--c);stroke-width:1.5px}.native-machine .vector-machine.running .equipment-name,.native-machine .vector-machine.off .equipment-name{fill:#fff}.native-machine .vector-machine.maintenance .equipment-name{fill:#162a3c}.native-machine .vector-machine:not(.unknown):hover .equipment-box,.native-machine .vector-machine:not(.unknown):focus .equipment-box{fill:var(--c);stroke:#102b42;stroke-width:2.5px}.native-machine .font-step{color:#123f58;background:#fff;border:1px solid #b8cbd7;border-radius:6px;padding:7px;font-weight:700}.native-machine .running{--c:#008b43}.native-machine .maintenance{--c:#e6b300}.native-machine .off{--c:#e51f2a}.native-machine .choices .running.chosen{color:#fff;background:#008b43}.native-machine .choices .maintenance.chosen{color:#162a3c;background:#fc0}.native-machine .choices .off.chosen{color:#fff;background:#e51f2a}.native-machine .zoom button{touch-action:manipulation;min-width:40px;min-height:40px}.native-machine .zoom button:disabled{opacity:.4;cursor:default}.native-machine .zoom .fit-map{white-space:nowrap;color:#125970;font-size:12px;font-weight:700}.native-machine .mapscroll{touch-action:pan-x pan-y pinch-zoom;overscroll-behavior-x:contain}.native-machine .map{flex-shrink:0}@media (max-width:600px){.native-machine .zoom{justify-content:center;gap:12px;width:100%}.native-machine .toolbar select{max-width:44%;font-size:11px}.native-machine .toolbar input{min-width:0}.native-machine .mapscroll{padding:8px}.native-machine .toolbar{padding:14px}.native-machine .zoom .fit-map{margin-left:auto}.native-machine footer{font-size:10px}.native-machine .heading{gap:10px}}.native-machine main{width:100%;max-width:none;margin:0;padding:18px}.native-machine header{border-radius:0;margin:0}.native-machine .overlay{z-index:40}.native-machine .toast{z-index:45}.native-machine .stats button{color:#182c40;display:block}.native-machine .stats button b{color:inherit!important}.native-machine .stats button span{color:inherit}.native-machine .modal{background:#fff;max-height:88dvh;display:block;position:relative;inset:auto;overflow:auto}.native-machine .stats button small{color:#657f91}@media (max-width:700px){.native-machine main{padding:12px}.native-machine h1{font-size:23px}.native-machine header{padding:14px}.native-machine .heading{gap:10px}}