@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.2y65deuc30pmy.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.2qt3tdwt-y9x_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.3cvcemwuzoywn.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.02z5rrbg5nt92.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.2rixgazldzomk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.0wiir8udbzjvx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.2y65deuc30pmy.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.2qt3tdwt-y9x_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.3cvcemwuzoywn.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.02z5rrbg5nt92.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.2rixgazldzomk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.0wiir8udbzjvx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.2y65deuc30pmy.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.2qt3tdwt-y9x_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.3cvcemwuzoywn.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.02z5rrbg5nt92.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.2rixgazldzomk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.0wiir8udbzjvx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/7fea77d1d19108bf-s.2y65deuc30pmy.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/1bcd0e671759a44c-s.2qt3tdwt-y9x_.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/e15f58668ad64cb8-s.3cvcemwuzoywn.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/90c51ce8fb754fe8-s.02z5rrbg5nt92.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/57215795b8570f5c-s.2rixgazldzomk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/03fc1b4a8d284b5e-s.p.0wiir8udbzjvx.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Fallback;src:local(Arial);ascent-override:101.32%;descent-override:27.18%;line-gap-override:0.0%;size-adjust:101.17%}.ibm_plex_sans_35846171-module__4yis_q__className{font-family:IBM Plex Sans,IBM Plex Sans Fallback;font-style:normal}.ibm_plex_sans_35846171-module__4yis_q__variable{--font-atlas:"IBM Plex Sans", "IBM Plex Sans Fallback"}
:root{--bg:#030e17;--panel:#071824;--border:#254758;--cyan:#27c6f7;--muted:#98afbf;--green:#48ed85;--text:#e9f1f8;--amber:#ffcb72;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Segoe UI,Arial,sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #fff}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}.bridge{background:radial-gradient(at 45% 35%,#08233555,#0000 65%);flex-direction:column;min-height:100dvh;display:flex}.header{background:#04121e;border-bottom:1px solid #55717f;align-items:center;gap:25px;height:88px;padding:0 22px;display:flex}.brand{min-width:235px}.brand strong{letter-spacing:1px;font-size:35px;line-height:1.1;display:block}.brand em{color:var(--cyan);font-style:normal;font-weight:400}.brand>span{letter-spacing:1.75px;color:#b2c7d8;font-size:10px}.header nav{flex:1;align-self:stretch;gap:4px;display:flex}.header nav button{white-space:nowrap;background:0 0;border:1px solid #0000;border-right-color:#163042;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-size:11px;display:flex}.header nav button svg{color:#9db3c6}.header nav button small{color:#7192a5;margin-right:6px;font-size:10px}.header nav button[aria-current]{border-color:var(--cyan);box-shadow:inset 0 -2px var(--cyan);color:#a8e7ff;background:linear-gradient(#062b43,#062031);border-radius:5px}.header nav button[aria-current] svg{color:var(--cyan)}.header nav button:disabled{color:#839aab}.vessel-class{border:1px solid var(--border);border-radius:5px;align-items:center;gap:10px;min-width:192px;padding:12px;display:flex}.vessel-class svg{color:var(--cyan)}.vessel-class span{color:var(--muted);letter-spacing:1px;margin-bottom:5px;font-size:9px;display:block}.vessel-class b{font-size:11px;font-weight:500}.workstation{flex:1;grid-template-columns:245px minmax(450px,1fr) 350px;gap:12px;min-height:0;padding:14px 16px;display:grid}.panel{border:1px solid var(--border);background:linear-gradient(120deg,#091c2b,#05131e);border-radius:8px;overflow:hidden;box-shadow:inset 0 0 0 2px #020c1333}.panel-heading{border-bottom:1px solid #203d50;align-items:center;gap:10px;min-height:49px;padding:10px 14px;display:flex}.panel-heading svg{color:var(--cyan);flex-shrink:0}.panel-heading h2{white-space:nowrap;margin:0;font-size:14px;font-weight:600}.badge{color:var(--green);white-space:nowrap;background:#003e282e;border:1px solid #00ba77;border-radius:4px;margin-left:auto;padding:5px 7px;font-size:9px}.status-rail{flex-direction:column;gap:12px;display:flex}.status-rail .panel{flex:1}.data-rows{margin:0;padding:5px 15px 10px}.data-rows>div{border-bottom:1px solid #173247;justify-content:space-between;gap:8px;padding:10px 0;font-size:13px;display:flex}.data-rows>div:last-child{border:0}.data-rows dt{color:#adc1d1}.data-rows dd{font-variant-numeric:tabular-nums;margin:0;font-weight:500}.healthy{color:var(--green)!important}.muted{color:var(--muted)}.environment{margin:0;padding:0 15px}.environment>div{border-bottom:1px solid #20384a;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.environment dt{color:#adc1d1;width:62px}.environment span{color:var(--cyan);font-size:26px;line-height:1}.environment dd{text-align:right;font-variant-numeric:tabular-nums;width:72px;margin:0}.environment small{color:#aac0cf;font-size:12px}.micro{letter-spacing:1.2px;color:#7f9aab;margin:11px 15px 14px;font-size:8px}.axis-row{border-top:1px solid #294354;justify-content:space-between;margin:0 14px 15px;padding-top:10px;display:flex}.axis-row span{color:var(--muted);font-size:8px}.axis-row b{color:var(--green);margin-top:5px;font-size:10px;display:block}.central{flex-direction:column;gap:12px;min-width:0;display:flex}.vessel-plot{background:radial-gradient(#092b38 0%,#02131f 72%);border:1px solid #2b5368;border-radius:8px;flex-direction:column;flex:1;min-height:420px;display:flex;position:relative;overflow:hidden}.plot-caption{letter-spacing:1px;color:#bed0dc;align-items:center;gap:8px;padding:13px 15px;font-size:10px;display:flex}.plot-caption>span:last-child{color:#7899ac;margin-left:auto;font-size:8px}.live-dot{background:var(--cyan);border-radius:50%;width:5px;height:5px}.plot-svg{flex:1;width:100%;min-height:0;max-height:620px;display:block}.plot-legend{color:#a9bfcd;background:#03111ba3;border-top:1px solid #16384a;align-items:center;gap:17px;padding:12px 15px;font-size:10px;display:flex}.plot-legend span{align-items:center;gap:6px;display:flex}.plot-legend i{width:18px;height:2px;display:inline-block}.cyan-line{background:#62c8f3}.green-line{background:#45e878}.plot-legend .amber-dot{border:1px solid var(--amber);border-radius:50%;width:7px;height:7px}.plot-legend small{letter-spacing:.8px;color:#7c98a9;margin-left:auto;font-size:7px}.systems{grid-template-columns:1.05fr 1fr 1fr;gap:8px;display:grid}.systems .panel-heading{gap:6px;min-height:45px;padding:10px 9px}.systems .panel-heading h2{font-size:11px}.systems .panel-heading svg{width:20px}.systems .badge{padding:4px;font-size:7px}.equipment-grid{display:flex}.equipment{text-align:center;border-right:1px solid #1b3445;flex-direction:column;flex:1;align-items:center;gap:7px;min-width:0;padding:11px 3px 12px;font-size:10px;display:flex}.equipment:last-child{border:0}.equipment>b{font-size:11px}.equipment>span{white-space:nowrap;font-size:8px}.equipment small{color:#8ca8b9;font-size:7px}.prop-icon{color:#a5bacc;border:1px solid #35546a;border-radius:50%;margin:3px 0;padding:5px}.power-icon{color:#b1cfdf;margin:3px 0;padding:7px}.sensor-icon{color:var(--green);margin:3px 0;padding:7px}.meter{background:#2d4050;border-radius:1px;width:80%;height:5px;margin-top:3px}.meter i{background:var(--green);height:100%;display:block}.power-line{background:repeating-linear-gradient(90deg,#34dc87 0 46%,#04131f 46% 54%);width:70%;height:5px;margin-top:3px}.teaching .panel-heading{min-height:49px}.lesson-id{color:#a7c5d6;margin-left:auto;font-size:11px}.teaching-body{padding:18px 15px 12px}.eyebrow{color:#77a7bd;letter-spacing:1.3px;margin-bottom:10px;font-size:9px}h1{margin:0 0 18px;font-size:20px;font-weight:600;line-height:1.35}.teaching-tabs{gap:4px;display:flex}.teaching-tabs button{white-space:nowrap;background:#082236;border:1px solid #2a4c61;border-radius:5px;flex:1;padding:12px 3px;font-size:9px}.teaching-tabs button[aria-selected=true]{color:#d0f3ff;background:#09344e;border-color:#27c6f7;box-shadow:inset 0 0 0 1px #27c6f7}.teaching-copy{border-bottom:1px solid #416076;min-height:271px;margin-bottom:15px;font-size:13px;line-height:1.65}.teaching-copy p{margin:17px 0}.teaching ul{padding-left:18px;line-height:1.65}.teaching li{margin:4px 0;padding-left:1px}.teaching-callout{background:#0a25333b;border:1px solid #294c61;border-radius:6px;margin-bottom:13px;padding:13px 12px}.teaching-callout h3{color:#7bdefd;align-items:center;gap:10px;margin:0 0 10px;font-size:11px;font-weight:500;display:flex}.info-icon{text-align:center;border:2px solid #69d7fb;border-radius:50%;width:25px;height:25px;font-family:Georgia,serif;font-size:17px}.teaching-callout p,.teaching-callout ul{color:#bacddd;margin:0;font-size:12px;line-height:1.6}.teaching-note{color:#7fa0b3;letter-spacing:.6px;justify-content:space-between;padding-top:3px;font-size:8px;display:flex}.teaching-note span{letter-spacing:0}.teaching-source{border-top:1px solid #294c61;margin:14px 0 10px;padding-top:10px}.teaching-source h3{color:#77dffc;letter-spacing:1px;margin:0 0 6px;font-size:9px}.teaching-source p{color:#93adbd;margin:2px 0;font-size:9px;line-height:1.45}.validation{color:var(--amber)}.lesson-footer{background:#020d16;border-top:1px solid #55717f;justify-content:space-between;align-items:center;gap:25px;padding:13px 22px;display:flex}.lesson-footer>button{color:#7490a3;background:#0b1c2a;border:1px solid #36576c;border-radius:6px;justify-content:space-between;align-items:center;gap:28px;min-width:177px;padding:13px 18px;font-size:18px;display:flex}.lesson-footer>button span{font-size:12px}.lesson-progress{text-align:center;width:430px}.lesson-progress>div:first-child{justify-content:center;gap:18px;font-size:11px;display:flex}.lesson-progress b{font-weight:500}.lesson-progress>div>span{color:#7ee1ff;border-left:1px solid #253949;padding-left:18px}.progress-track{justify-content:space-between;align-items:center;margin:13px 0 8px;display:flex;position:relative}.progress-track:before{content:"";background:#3f6075;height:1px;position:absolute;left:0;right:0}.progress-track i{z-index:1;background:#071522;border:1px solid #5c7c93;border-radius:50%;width:10px;height:10px}.progress-track .current{background:#c3f2ff;border:3px solid #39abcf;width:14px;height:14px;box-shadow:0 0 0 2px #28667e}.lesson-progress>small{letter-spacing:1px;color:#7e9bad;font-size:7px}@media (min-width:1600px){.workstation{grid-template-columns:275px minmax(550px,1fr) 385px;gap:14px}.header{gap:35px}.teaching-copy{min-height:293px;font-size:14px}.teaching-callout p,.teaching-callout ul{font-size:13px}.data-rows>div{padding:11px 0;font-size:14px}.equipment>span{font-size:10px}.systems .panel-heading h2{font-size:13px}.systems .badge{font-size:8px}}@media (max-width:1250px){.header{gap:15px;padding:0 14px}.brand{min-width:200px}.brand strong{font-size:30px}.brand>span{font-size:8px}.vessel-class{display:none}.header nav button{padding:8px;font-size:9px}.workstation{grid-template-columns:205px minmax(400px,1fr) 300px;gap:9px;padding:10px}.panel-heading{padding:10px}.panel-heading h2{font-size:12px}.data-rows{padding:5px 11px}.data-rows>div{font-size:12px}.systems .badge{display:none}.teaching-body{padding:14px 12px}.teaching-copy{min-height:280px;font-size:12px}.teaching-callout p,.teaching-callout ul{font-size:11px}h1{font-size:18px}.plot-legend{gap:9px;font-size:9px}.plot-legend small{display:none}}@media (max-width:1000px){.workstation{grid-template-columns:210px minmax(420px,1fr)}.teaching{grid-column:1/-1}.teaching-body{grid-template-columns:1fr 1fr;gap:12px 22px;display:grid}.eyebrow,h1,.teaching-tabs,.teaching-copy{grid-column:1}.teaching-copy{grid-row:4/7;min-height:0}.teaching-callout{grid-area:2/2/5}.key-callout{grid-row:5/7}.teaching-note{grid-column:1/-1}.header nav button span{font-size:8px}.header nav button small{display:none}.brand{min-width:175px}.brand strong{font-size:26px}.lesson-footer>button{gap:10px;min-width:120px;padding:10px}.lesson-progress{width:350px}}@media (max-width:680px){.header{flex-wrap:wrap;gap:12px;height:auto;padding:15px 10px 0}.brand{width:100%}.header nav{width:100%;overflow-x:auto}.header nav button{min-width:90px;padding:9px 5px}.workstation{flex-direction:column;display:flex}.status-rail{grid-template-columns:repeat(3,minmax(165px,1fr));display:grid;overflow-x:auto}.central{min-width:0}.vessel-plot{min-height:380px}.plot-svg{min-height:330px}.systems{grid-template-columns:repeat(3,minmax(210px,1fr));overflow-x:auto}.teaching-body{display:block}.teaching-copy{min-height:0}.teaching-callout{margin-top:15px}.lesson-footer{gap:10px;padding:12px 10px}.lesson-footer>button{min-width:40px}.lesson-footer>button span{display:none}.lesson-progress>div:first-child{gap:6px;font-size:9px}.lesson-progress>div>span{padding-left:6px}.lesson-progress>small,.plot-caption>span:last-child{font-size:6px}}@media (min-width:1001px){.status-rail .panel{flex:none}.status-rail .panel:last-child{flex:1}.vessel-plot .plot-svg{width:100%;height:calc(100% - 73px);min-height:0;max-height:none;position:absolute;top:36px;left:0}.plot-legend{margin-top:auto}.teaching-copy{min-height:0}.teaching-copy p{margin:14px 0}.data-rows>div{padding:9px 0}.teaching-callout{margin-bottom:11px;padding:11px}.teaching-body{padding-top:14px}.workstation{min-height:680px}}.main-visual-area{min-height:440px}.zoom-viewport{flex:1;min-height:350px;position:relative;overflow:hidden}.technical-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.technical-canvas.dragging{cursor:grabbing}.visual-toolbar{z-index:1;pointer-events:none;justify-content:flex-end;align-items:center;gap:5px;display:flex;position:absolute;top:0;left:9px;right:9px}.visual-toolbar>*{pointer-events:auto}.visual-toolbar>span{letter-spacing:.6px;color:#829dab;margin-right:auto;font-size:8px}.visual-toolbar button{background:#092233;border:1px solid #31576b;border-radius:3px;min-width:30px;min-height:29px;font-size:11px}.visual-toolbar button:disabled{opacity:.4}.visual-toolbar output{text-align:center;color:#a6cee0;min-width:34px;font-size:10px}.target-active{filter:drop-shadow(0 0 3px #8ae4ff)}.target-active[data-target=vessel]>g>path:first-child{stroke:#76dfff;stroke-width:5px}.state-available{color:#48ed85}.state-unavailable{color:#9caebb}.state-degraded{color:#ffcb72}.state-failed{color:#ff7b7b}.state-neutral{color:#96bdd1}.vessel-condition-degraded{opacity:.75}.vessel-condition-failed{opacity:.45}.hotspot{cursor:pointer;outline:none}.hotspot-marker{fill:#082838;stroke:#72bbd4;stroke-width:1.2px}.hotspot text{fill:#c9edf9;pointer-events:none;font-size:12px;font-weight:600}.hotspot.contextual .hotspot-marker,.hotspot.contextual>text{opacity:0;transition:opacity .12s}.hotspot.contextual:hover .hotspot-marker,.hotspot.contextual:focus-visible .hotspot-marker,.hotspot.contextual.selected .hotspot-marker,.hotspot.contextual:hover>text,.hotspot.contextual:focus-visible>text,.hotspot.contextual.selected>text{opacity:1}.hotspot:hover .hotspot-marker,.hotspot:focus-visible .hotspot-marker,.hotspot.selected .hotspot-marker{fill:#156182;stroke:#c0f4ff;stroke-width:2px}.hotspot:focus-visible .hotspot-hit{stroke:#fff;stroke-width:2px}.thruster-tile{background:0 0;border:0;border-right:1px solid #1b3445;font-family:inherit}.thruster-tile.active{background:#10394c;box-shadow:inset 0 2px #65d5fa}.thruster-tile .meter i{background:currentColor}.thruster-tile .prop-icon{color:inherit;margin:0}.status-rail .panel-heading h2{font-size:12px}.context-note{color:#abc0cf;padding:0 14px;line-height:1.6}.selected-hotspot{color:#a6e9ff;background:#0b293b;border-left:2px solid #49cef9;justify-content:space-between;align-items:center;gap:8px;margin-bottom:11px;padding:7px 9px;font-size:12px;display:flex}.selected-hotspot button{background:0 0;border:0;min-width:28px;font-size:23px}.teaching-copy h3{color:#9bdbf0;margin:15px 0 0;font-size:12px;font-weight:600}.thruster-detail{font-size:11px}.thruster-detail>div{border-bottom:1px solid #203e51;justify-content:space-between;gap:7px;padding:6px 0;display:flex}.thruster-detail dd{margin:0}.technical-navigation{padding-top:9px;padding-bottom:9px}.technical-navigation>button{border-radius:3px;min-width:130px;padding:8px 14px}.technical-navigation>button:not(:disabled){color:#a5e7ff;border-color:#27c6f7}.lesson-select{align-items:center;gap:12px;min-width:0;display:flex}.lesson-select label,.lesson-select>span{letter-spacing:.8px;color:#87a6b9;white-space:nowrap;font-size:9px}.lesson-select select{color:#b9e9fa;background:#071b29;border:1px solid #2b4c5f;border-radius:2px;max-width:100%;padding:8px 9px;font-size:11px}@media (min-width:1001px){.workstation{min-height:690px}.central-full .main-visual-area{flex:1}.teaching-copy{min-height:205px}}@media (max-width:1000px){.zoom-viewport{flex:auto;height:420px}.selected-hotspot{grid-column:1}.teaching-body{display:block}.lesson-select{flex-wrap:wrap;justify-content:center;gap:5px}.lesson-select>span{display:none}}@media (max-width:680px){.technical-navigation>button{min-width:36px;padding:6px 9px}.lesson-select{flex:1}.lesson-select label{display:none}.lesson-select select{width:100%;max-width:240px;font-size:10px}.visual-toolbar>span{font-size:6px}.hotspot-marker{r:16px}}@media (min-width:1001px){.status-rail .panel-heading{min-height:45px;padding-top:8px;padding-bottom:8px}.status-rail .data-rows>div{padding:6px 0;font-size:13px;line-height:19px}.status-rail .environment>div{padding:8px 0}.status-rail .environment span{line-height:22px}.status-rail .axis-row{margin-bottom:11px;padding-top:8px}}.technical-canvas{-webkit-user-select:none;user-select:none}@media (max-width:1000px){.systems{grid-template-columns:repeat(3,minmax(210px,1fr));overflow-x:auto}}.simulation-bar{background:#071c2b;border:1px solid #294d61;border-radius:4px;align-items:center;gap:7px;padding:8px 10px;display:flex}.simulation-bar>div{margin-right:auto}.simulation-bar strong{color:#a9c6d6;letter-spacing:.7px;font-size:10px;display:block}.simulation-bar.enabled strong{color:#7be1ff}.simulation-bar span{color:#87a7b9;margin-top:3px;font-size:9px;display:block}.simulation-bar button,.setpoint-controls button{background:#092d42;border:1px solid #396378;border-radius:3px;padding:7px 10px;font-size:11px}.simulation-bar .start-simulation{color:#82edb7;border-color:#34bd92}.setpoint-controls{background:#071724;border:1px solid #284a60;border-radius:4px;flex-wrap:wrap;align-items:end;gap:8px;padding:8px 10px;display:flex}.setpoint-controls label{color:#abc9d9;flex:1;min-width:70px;font-size:9px}.setpoint-controls input{color:#f1d38d;width:100%;font:inherit;background:#04111d;border:1px solid #35566a;border-radius:2px;margin-top:5px;padding:6px;font-size:12px;display:block}.setpoint-controls>p{color:#ffc969;width:100%;margin:0;font-size:11px}.environment-controls{padding:10px 14px 0}.environment-controls label{color:#a7c3d6;margin-bottom:9px;font-size:10px;display:block}.environment-controls label>span{justify-content:space-between;gap:6px;display:flex}.environment-controls output{color:#d5edfa;font-variant-numeric:tabular-nums}.environment-controls input{accent-color:#4ac5ee;width:100%;height:15px;margin:6px 0 0}.environment-controls .micro{margin:8px 0 12px;line-height:1.5}.simulation-readout h3{color:#89e0fc;letter-spacing:.6px;justify-content:space-between;font-size:10px;display:flex}.simulation-readout h3 span{color:#a7c4d5}.simulation-readout dl{margin:10px 0}.simulation-readout dl>div{border-bottom:1px solid #1b394b;justify-content:space-between;gap:8px;padding:5px 0;font-size:11px;display:flex}.simulation-readout dd{color:#b5eafa;font-variant-numeric:tabular-nums;margin:0}.simulation-readout p{font-size:12px;line-height:1.5}.simulation-readout .model-note{color:#86a8bc;font-size:9px;line-height:1.7}.capability-warning,.caution{color:#ffd07e}.capability-warning{background:#3e2d123d;border:1px solid #806c36;border-radius:3px;padding:9px;font-size:11px}.capability-warning small{font-size:10px}.draggable-setpoint{cursor:move;outline:none}.draggable-setpoint:focus-visible .setpoint-hit{stroke:#fff;stroke-width:2px}.draggable-setpoint:hover>circle:nth-child(2){fill:#ffc96944}.simulation-active .plot-legend small{font-size:6px}.simulation-active .teaching-copy{min-height:0}.simulation-active .status-rail .panel-heading h2{font-size:11px}@media (max-width:680px){.simulation-bar{flex-wrap:wrap}.simulation-bar>div{flex-basis:100%}.simulation-bar button{flex:1}.setpoint-controls button{padding:7px}}.technical-stage{flex:1;gap:10px;min-width:0;min-height:440px;display:flex}.technical-stage>.main-visual-area{width:100%;min-width:0}.technical-stage.with-capability{grid-template-columns:minmax(0,1.35fr) minmax(280px,1fr);display:grid}.integrated-controls{z-index:4;align-items:start;gap:10px;display:flex;position:relative}.numeric-targets{color:#b4d6e8;flex:1;font-size:10px}.numeric-targets summary{cursor:pointer;background:#081d2b;border:1px solid #315568;border-radius:3px;padding:9px}.numeric-targets[open] .setpoint-controls{position:absolute;top:36px;left:0;right:0;box-shadow:0 12px 24px #000b}.capability-toggle,.heading-instruction button,.preview-actions button{color:#c8eaf5;background:#0a293b;border:1px solid #3f7187;border-radius:3px;padding:7px 9px;font-size:10px}.capability-toggle[aria-pressed=true]{border-color:#2ae596}.capability-toggle b{color:#41e997;padding-left:8px}.heading-instruction{color:#f7c573;align-items:center;gap:8px;min-height:25px;font-size:9px;display:flex}.heading-instruction span{flex:1}.heading-bug{cursor:grab;touch-action:none;outline:none}.heading-bug:focus-visible circle:first-child{stroke:#fff;stroke-width:2px}.heading-bug:active{cursor:grabbing}.motion-strip{color:#8eb9d0;background:#061b29;border:1px solid #284a60;border-radius:4px;flex-wrap:wrap;gap:6px 16px;padding:8px 10px;font-size:9px;display:flex}.motion-strip b{color:#c5edf7;font-variant-numeric:tabular-nums;margin-left:5px;font-weight:500}.status-rail .simulation-bar{border:0;flex-wrap:wrap;gap:5px;padding:8px 12px}.status-rail .simulation-bar>div:first-child{width:100%}.status-rail .simulation-bar button{flex:1;padding:5px 7px;font-size:10px}.simulation-speed{align-items:center;gap:5px;width:100%;display:flex}.simulation-speed span{margin-right:auto}.simulation-speed button[aria-pressed=true]{color:#90e3fc;background:#073b54;border-color:#35cbf5}.environment-controls label{grid-template-columns:1fr 48px;gap:4px 7px;margin-bottom:7px;display:grid}.environment-controls label>span{grid-column:1/-1}.environment-controls input[type=number]{color:#d2eafa;background:#051522;border:1px solid #335469;border-radius:3px;height:23px;margin:0;padding:2px 3px;font-size:10px}.environment-controls input[type=range]{margin:3px 0}.capability-panel{flex-direction:column;min-width:0;display:flex}.capability-panel .panel-heading{gap:6px;min-height:38px;padding:8px}.capability-panel .panel-heading h2{font-size:11px}.capability-panel .badge{padding:3px;font-size:8px}.capability-panel>svg{flex:none;width:100%;max-height:310px;display:block}.capability-subtitle{color:#8abbd1;margin:8px 10px 0;font-size:10px}.capability-legend{color:#b7ccd8;flex-wrap:wrap;gap:8px;padding:5px 10px;font-size:8px;display:flex}.capability-legend span:first-child{color:#36eba0}.capability-legend span:last-child{color:#ffd184}.heading-estimate{background:#031521;border:1px solid #31556a;border-radius:4px;margin:4px 9px;padding:8px}.heading-estimate>strong{color:#ffd07c;font-size:11px}.heading-estimate dl{margin:5px 0 0;font-size:10px}.heading-estimate dl>div{justify-content:space-between;padding:3px 0;display:flex}.heading-estimate dd{font-variant-numeric:tabular-nums;margin:0}.heading-estimate small{margin-top:6px;font-size:9px;display:block}.preview-actions{gap:5px;margin-top:7px;display:flex}.preview-actions button:first-child{color:#ffd07c;border-color:#a58243}.heading-comparison{scrollbar-width:thin;max-height:185px;margin:6px 9px;overflow:auto}.heading-comparison table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:10px}.heading-comparison caption{text-align:left;color:#9dbecd;padding:6px 0;font-size:8px}.heading-comparison th{color:#9fc5d6;background:#061b28;font-weight:500;position:sticky;top:0}.heading-comparison th,.heading-comparison td{text-align:right;border:1px solid #24495c;padding:4px}.heading-comparison td:first-child{text-align:left}.heading-comparison button{color:inherit;background:0 0;border:0;padding:0;font-size:10px;-webkit-text-decoration:underline dotted #64838f;text-decoration:underline dotted #64838f}.heading-comparison .current-row{color:#edfaff;background:#123349}.heading-comparison .preview-row{color:#ffe29a;outline-offset:-1px;background:#33402c;outline:1px solid #a08543}.capability-footnote{color:#91acbe;margin:5px 10px 10px;font-size:9px;line-height:1.45}.power-summary{grid-template-columns:1fr 1fr;display:grid}.power-summary>div{border-right:1px solid #254758;flex-direction:column;gap:7px;padding:10px;font-size:10px;display:flex}.power-summary b{color:#bcf0fb}.power-summary small{color:#6ee7a2;font-size:9px}.power-summary meter{accent-color:#22e794;width:100%;height:6px}.power-control{color:#adcfdf;margin:3px 10px;font-size:9px;display:block}.power-control output{float:right;color:#62e7ae}.power-control input{accent-color:#27c6f7;width:100%;height:13px;display:block}.simulation-active .status-rail .data-rows>div{padding:4px 0;font-size:11px;line-height:16px}.simulation-active .status-rail .panel-heading{min-height:35px;padding:6px 11px}.simulation-active .status-rail .axis-row{margin-bottom:7px;padding-top:5px}.simulation-active .status-rail .micro{margin-top:6px;margin-bottom:8px;font-size:8px}.simulation-active .central{gap:8px}.simulation-active .simulation-readout dl>div{padding:4px 0;font-size:10px}.simulation-active .simulation-readout p{margin:11px 0;font-size:11px;line-height:1.5}.simulation-active .teaching-body h1{font-size:18px}.simulation-active .teaching-callout p{font-size:11px}.simulation-active .equipment{gap:5px;padding-top:9px;padding-bottom:7px}@media (min-width:1400px){.simulation-active .workstation{grid-template-columns:225px minmax(700px,1fr) 300px}}@media (max-width:1399px){.technical-stage.with-capability{grid-template-columns:minmax(0,1fr)}.capability-panel{grid-template-columns:1fr 1fr;display:grid}.capability-panel .panel-heading,.capability-subtitle,.capability-footnote{grid-column:1/-1}.capability-panel>svg{grid-row:3/6}.heading-comparison{max-height:160px}.technical-stage.with-capability .main-visual-area{min-height:460px}}@media (max-width:680px){.capability-panel{display:flex}.motion-strip{gap:7px;font-size:8px}.heading-instruction{flex-wrap:wrap}.heading-instruction span{flex-basis:100%}}.dp-workstation{gap:7px;height:100dvh;min-height:800px;padding:0 10px}.dp-workstation .header{flex-shrink:0;height:74px;margin:0 -10px}.operational-strip{background:#071e2b;border:1px solid #315469;border-radius:4px;flex-shrink:0;grid-template-columns:repeat(5,minmax(80px,1fr)) 1.3fr 1.6fr 1.4fr;display:grid}.operational-strip>div{border-right:1px solid #254758;flex-direction:column;gap:5px;padding:7px 12px;display:flex}.operational-strip span{letter-spacing:.8px;color:#87b3c8;font-size:9px}.operational-strip strong{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:15px;font-weight:500}.caution{color:#ffc66b}.good,.healthy{color:#3deba2}.workstation-controls{flex-shrink:0;align-items:center;gap:7px;min-height:44px;font-size:11px;display:flex}.workstation-controls>strong{color:#bdeaff;margin-right:8px;font-size:10px}.workstation-controls>strong small{color:#87a8bb;margin-top:3px;font-size:8px;font-weight:400;display:block}.workstation-controls button,.posplot-command button{background:#092637;border:1px solid #29566e;border-radius:3px;min-height:29px;padding:4px 10px;font-size:10px}.workstation-controls button[aria-pressed=true]{color:#4ef1ae;background:#083329;border-color:#24b887}.workstation-controls [role=group]{gap:3px;display:flex}.environment-inline{gap:14px;margin-left:auto;display:flex}.environment-inline label{color:#8eb6cb;align-items:center;gap:6px;font-size:9px;display:flex}.environment-inline input{color:#d7f2ff;background:#051a28;border:1px solid #315669;border-radius:3px;width:62px;padding:5px;font:11px Segoe UI,sans-serif}.workstation-displays{flex:1;grid-template-columns:minmax(285px,27fr) minmax(440px,49fr) minmax(275px,24fr);gap:8px;min-height:0;display:grid}.technical-view-container,.main-posplot{background:linear-gradient(140deg,#071c29,#04141f);border:1px solid #2d5a70;border-radius:5px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.technical-view-container>header{background:#09212f;border-bottom:1px solid #2b5063;flex-shrink:0;padding:10px}.technical-view-container>header label{letter-spacing:1px;color:#68cdea;margin-bottom:6px;font-size:9px;display:block}.technical-view-container select{color:#d9f5ff;background:#061622;border:1px solid #3c809e;border-radius:3px;width:100%;padding:7px 8px;font-size:12px}.technical-view-body{scrollbar-width:thin;scrollbar-color:#2b627b #041421;min-height:0;padding:8px;overflow:auto}.technical-view-body h3{color:#a8d7e8;letter-spacing:.5px;margin:12px 4px 8px;font-size:10px;font-weight:500}.thruster-schematic{width:100%;height:clamp(190px,26vh,300px);display:block}.technical-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:10px}.technical-table th,.technical-table td{text-align:right;border:1px solid #214657;padding:8px 5px}.technical-table th:first-child{text-align:left}.technical-table thead{color:#9fc6d8;background:#0a2433;font-size:9px}.technical-table th{font-weight:500}.technical-table small{color:#67c89c;margin-top:4px;font-size:7px;display:block}.technical-values{font-variant-numeric:tabular-nums;margin:10px 4px;font-size:11px}.technical-values>div{border-bottom:1px solid #153747;justify-content:space-between;gap:7px;padding:9px 0;display:flex}.technical-values dt{color:#9fc1d0}.technical-values dd{color:#b7f0ff;text-align:right;margin:0}.view-note{color:#83a8bc;margin:12px 4px;font-size:10px;line-height:1.6}.view-banner{color:#68d8ff;letter-spacing:.4px;border:1px solid #245c70;padding:10px;font-size:9px}.rotation-centre-view{flex-direction:column;min-height:100%;display:flex}.rotation-centre-options{grid-template-columns:repeat(3,1fr);gap:5px;margin:0 0 8px;display:grid}.rotation-centre-options button{color:#9ccfe1;letter-spacing:.5px;background:#071b28;border:1px solid #2f6680;border-radius:3px;padding:8px 4px;font-size:9px}.rotation-centre-options button[aria-pressed=true]{color:#071722;background:#ffc45f;border-color:#ffc45f;font-weight:700}.rotation-centre-view svg{background:radial-gradient(circle at 50% 48%,#0a2937,#04131d 72%);border:1px solid #21495b;flex:285px;width:100%;min-height:250px;display:block}.cor-caption{fill:#6ebbd4;letter-spacing:.6px;font-size:9px}.cor-axis{stroke:#2b6175;stroke-dasharray:5 5}.cor-hull{fill:#0b2a37;stroke:#9bc4d1;stroke-width:2px}.cor-detail{fill:none;stroke:#3f6879;stroke-width:1.5px}.cor-bow{fill:#7ed9f0;font-size:9px}.cor-glow{fill:url(#cor-marker-glow)}.cor-marker{fill:#443310;stroke:#ffd36e;stroke-width:3px}.cor-crosshair{stroke:#ffd36e;stroke-width:2px}.cor-label{fill:#ffd36e;font-size:9px;font-weight:700}.rotation-centre-custom{color:#75bfd7;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:8px 2px 0;font-size:8px;display:grid}.rotation-centre-custom input{accent-color:#ffc45f;width:100%}.rotation-centre-definition{color:#d6f1fa;margin:10px 4px 0;font-size:11px;line-height:1.5}.technical-hotspot-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:2px 0 10px;display:grid}.technical-hotspot-buttons button{text-align:left;color:#a9d5e5;background:#071b28;border:1px solid #28586b;min-width:0;padding:7px 6px;font-size:9px}.technical-hotspot-buttons button span{color:#8ce9ff;border:1px solid #42ccef;border-radius:50%;place-items:center;width:17px;height:17px;margin-right:5px;display:inline-grid}.technical-hotspot-buttons button[aria-pressed=true]{color:#fff;background:#183040;border-color:#ffbd54}.motion-model-summary{grid-template-columns:1fr 1.45fr;gap:5px;margin-bottom:5px;display:grid}.motion-model-summary span{color:#7fa7b9;border:1px solid #28586b;padding:7px;font-size:8px}.motion-model-summary b{color:#c9f2ff;margin-top:3px;font-size:9px;display:block}.motion-axes-view svg{background:linear-gradient(#061a27,#04131d);border:1px solid #21495b;width:100%;max-height:380px;display:block}.motion-caption{fill:#6ebbd4;letter-spacing:.5px;font-size:8px}.motion-hull,.motion-axis .profile{fill:#0b2a37;stroke:#8bb6c5;stroke-width:1.5px}.motion-detail,.motion-divider{fill:none;stroke:#315a6c;stroke-dasharray:4 3}.motion-axis>path:not(.profile){fill:none;stroke:#43d8ff;stroke-width:2.5px;marker-end:url(#motion-arrow)}.motion-axis text{fill:#8de5ff;font-size:10px}.motion-axis.conceptual>path:not(.profile){stroke:#9ba8b5}.motion-axis.conceptual text{fill:#bcc7d0}.motion-axis.active>path:not(.profile){stroke:#ffc25f;stroke-width:4px}.motion-axis.active text{fill:#ffd58a;font-weight:700}.motion-axes-view marker path{fill:#43d8ff}.motion-hit{cursor:pointer}.motion-hit circle{fill:#082535;stroke:#48d9ff}.motion-hit text{fill:#fff;font-size:10px}.motion-hit:hover circle,.motion-hit:focus-visible circle,.motion-hit[aria-pressed=true] circle{fill:#744f17;stroke:#ffc25f;stroke-width:2px}.motion-live-readout{border:1px solid #21495b;grid-template-columns:1fr 1fr;margin:7px 0 0;font-size:9px;display:grid}.motion-live-readout div{border:1px solid #153747;justify-content:space-between;gap:5px;padding:6px;display:flex}.motion-live-readout dt{color:#7ea9ba}.motion-live-readout dd{color:#91eac4;text-align:right;margin:0}.lesson-objective{color:#9fc2d0;overflow-wrap:anywhere;border-left:2px solid #3bcdf5;margin:7px 0 10px;padding-left:8px;font-size:9px;line-height:1.45}.lesson-objective b,.guided-task b{color:#66d9fb;letter-spacing:.5px}.guided-task{color:#dbc28d;background:#241c10;border:1px solid #66512d;margin:9px 0;padding:8px 9px;font-size:9px}.guided-task p{margin:4px 0 0;line-height:1.45}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bus-mimic{grid-template-columns:1fr 1fr;gap:12px;margin:12px 0 20px;display:grid}.bus-mimic>div{border:1px solid #28586b;flex-direction:column;align-items:center;gap:13px;padding:14px 5px;font-size:11px;display:flex}.bus-mimic b{text-align:center;border-top:3px solid #35e7ab;width:100%;padding-top:8px}.bus-mimic small{color:#7bd5af;text-align:center;font-size:8px}.feedback-unit{border-bottom:1px solid #244d60;padding:10px 3px 14px}.feedback-unit h3{font-size:13px}.feedback-unit h3 small{float:right;color:#769eb3;font-size:8px}.feedback-unit label{align-items:center;gap:8px;margin:12px 0;font-size:10px;display:flex}.feedback-unit meter{accent-color:#32e798;flex:1;min-width:30px;height:8px}.feedback-unit b{text-align:right;width:65px;font-weight:400}.feedback-unit p{color:#8eb4c5;font-size:9px}.dp-workstation .capability-panel{min-width:0;box-shadow:none;background:0 0;border:0;display:block}.dp-workstation .capability-panel>svg{width:100%;max-height:310px}.dp-workstation .capability-panel .panel-heading{min-height:25px;padding:5px}.dp-workstation .capability-panel h2{font-size:11px}.dp-workstation .heading-comparison{max-height:none}.main-posplot{position:relative}.posplot-heading{border-bottom:1px solid #2b5063;align-items:center;gap:12px;min-height:39px;padding:10px;font-size:10px;display:flex}.posplot-heading strong{color:#c8f2ff}.posplot-heading>span{color:#77a2b8;font-size:8px}.posplot-heading details{margin-left:auto;font-size:8px}.posplot-heading summary{cursor:pointer;color:#8abacd}.posplot-heading .setpoint-controls{z-index:5;background:#061d2b;border:1px solid #39738d;width:270px;padding:12px;position:absolute;top:40px;right:5px}.posplot-command{color:#fc7;background:#0c2531;border-bottom:1px solid #214356;align-items:center;gap:7px;min-height:38px;padding:5px 10px;font-size:8px;display:flex}.posplot-command>span{margin-right:auto}.posplot-command button{border-color:#997132;padding:4px 6px;font-size:9px}.dp-workstation .main-visual-area{border:0;border-radius:0;flex:1;min-height:0}.dp-workstation .zoom-viewport{min-height:280px}.dp-workstation .plot-caption{padding:8px 10px;font-size:8px}.dp-workstation .plot-legend{min-height:27px;padding:5px 10px;font-size:8px}.dp-workstation .plot-legend small,.dp-workstation .visual-toolbar>span{display:none}.posplot-readout{color:#a8dcec;font-variant-numeric:tabular-nums;border-top:1px solid #285066;grid-template-columns:1fr 1fr;gap:8px;padding:9px 10px;font-size:9px;display:grid}.posplot-warning{color:#ffd088;background:#493018;padding:7px 10px;font-size:10px}.dp-workstation .teaching{scrollbar-width:thin;grid-column:auto;min-width:0;min-height:0;overflow:auto}.dp-workstation .teaching-body{padding:15px 13px;display:block}.dp-workstation .teaching-body h1{margin:12px 0 17px;font-size:18px;line-height:1.4}.dp-workstation .teaching-copy{min-height:0;font-size:12px;line-height:1.7}.dp-workstation .teaching-copy p{margin:0 0 16px}.dp-workstation .teaching-tabs{gap:3px;margin-bottom:18px}.dp-workstation .teaching-tabs button{min-height:34px;padding:6px 3px;font-size:8px}.dp-workstation .teaching-callout{margin-top:18px;padding:12px}.dp-workstation .teaching-callout p{font-size:11px;line-height:1.6}.dp-workstation .teaching-callout h3{font-size:10px}.dp-workstation .teaching-note{font-size:8px}.system-status-strip{border:1px solid #2b5369;border-radius:4px;flex-shrink:0;grid-template-columns:repeat(9,1fr);min-height:44px;display:grid}.system-status-strip button{background:#061c29;border:0;border-right:1px solid #254555;justify-content:center;align-items:center;gap:10px;font-size:9px;display:flex}.system-status-strip b{color:#a5c9da;font-size:10px;font-weight:500}.system-status-strip span{color:#56d9b7}.system-status-strip button:hover{background:#0d3043}.dp-workstation .lesson-footer{flex-shrink:0;height:49px;min-height:49px;margin:0 -10px;padding:6px 12px}.dp-workstation .lesson-footer>button{height:32px;min-height:32px}@media (min-width:1800px){.workstation-displays{grid-template-columns:minmax(350px,25fr) minmax(650px,53fr) minmax(315px,22fr)}.technical-table{font-size:12px}.dp-workstation .teaching-copy{font-size:14px}.thruster-schematic{height:300px}}@media (max-width:1200px){.dp-workstation{height:auto;min-height:100dvh}.workstation-displays{grid-template-columns:minmax(270px,34fr) minmax(400px,66fr);min-height:650px}.dp-workstation .teaching{grid-column:1/-1}.workstation-controls{flex-wrap:wrap}.environment-inline{margin-left:0}.operational-strip{grid-template-columns:repeat(4,1fr)}.system-status-strip{grid-template-columns:repeat(5,1fr)}.system-status-strip button{min-height:35px}.technical-view-body{max-height:650px}}@media (max-width:700px){.workstation-displays{grid-template-columns:1fr}.main-posplot{grid-row:1;min-height:540px}.technical-view-container{min-height:450px}.dp-workstation .teaching{grid-column:1}.operational-strip strong{font-size:11px}.operational-strip>div{padding:6px}.environment-inline{flex-wrap:wrap;gap:8px}.system-status-strip{grid-template-columns:repeat(3,1fr)}.dp-workstation .lesson-select select{max-width:180px}}.dp-workstation{gap:10px;min-height:820px;padding:0 13px}.dp-workstation .header{margin:0 -13px}.workstation-instrumentation{flex-shrink:0;grid-template-columns:minmax(0,1fr) minmax(260px,19%);gap:10px;display:grid}.operational-strip{border-color:#266580;grid-template-columns:.8fr .75fr .9fr .8fr .8fr 1.2fr 1.55fr 1fr 1fr}.operational-strip>div{gap:9px;min-width:0;padding:10px 12px}.operational-strip strong{font-size:16px;font-weight:600}.operational-strip span{letter-spacing:.2px;font-size:9px}.operational-strip>div:nth-child(6) strong,.operational-strip>div:nth-child(7) strong{font-size:11px}.setpoint-value{color:#ffcb72}.environment-control{z-index:5;background:#061c29;border:1px solid #296178;border-radius:5px;min-width:0;padding:9px 12px;position:relative}.environment-control summary{cursor:pointer;list-style:none}.environment-control summary::-webkit-details-marker{display:none}.environment-control strong{color:#31d2f6;margin-bottom:7px;font-size:10px;font-weight:500;display:block}.environment-control strong small{float:right;color:#91bacb;font-size:8px}.environment-summary{grid-template-columns:1fr 1fr;gap:9px;display:grid}.environment-summary>span{color:#8aafc3;align-items:center;gap:8px;font-size:9px;display:flex}.environment-summary>span+span{border-left:1px solid #22475a;padding-left:9px}.environment-summary i{color:#25cefb;font-size:25px;font-style:normal}.environment-summary b{color:#d6edf9;white-space:nowrap;padding-top:4px;font-size:11px;font-weight:500;display:block}.environment-summary em{margin-left:7px;font-style:normal}.environment-editor{background:#062333;border:1px solid #31809a;border-radius:4px;grid-template-columns:1fr 1fr;gap:12px;width:300px;padding:14px;display:grid;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 10px 25px #0009}.environment-editor label{color:#acd5e8;font-size:10px}.environment-editor input{color:#fff;background:#041623;border:1px solid #386177;width:100%;margin-top:6px;padding:7px;display:block}.environment-editor p{color:#8cb7cd;grid-column:1/-1;margin:0;font-size:9px}.workstation-displays{grid-template-columns:minmax(315px,28fr) minmax(510px,52fr) minmax(275px,20fr);gap:10px}.technical-view-container>header{background:#051b28;padding:12px 14px 10px}.technical-view-container>header label{letter-spacing:0;border-bottom:1px solid #204557;margin-bottom:10px;padding-bottom:14px;font-size:11px}.technical-view-container select{font-size:12px;font-weight:600}.technical-view-body:has(.thruster-main-view){flex:1;padding:0;display:flex;overflow:auto}.thruster-main-view{flex-direction:column;flex:1;min-height:470px;display:flex}.thruster-main-information{flex:1;min-height:335px;display:flex}.thruster-stations{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:8px;width:100%;min-height:335px;padding:14px;display:grid}.thruster-station{background:linear-gradient(145deg,#08202e,#051722);border:1px solid #214b5e;border-radius:4px;align-self:stretch;min-width:0;padding:10px;font-size:9px}.thruster-station h3{color:#2bdeef;align-items:center;gap:9px;margin:0 0 10px;font-size:12px;font-weight:600;display:flex}.thruster-station>span{margin-bottom:5px;display:block}.thruster-station>small{color:#74a3b8;white-space:nowrap;margin-bottom:9px;font-size:7px;display:block}.thruster-station label{color:#45cae5;justify-content:space-between;margin-top:5px;display:flex}.thruster-station label b{color:#7bf1b6;font-weight:500}.thruster-station meter{accent-color:#32e797;width:100%;height:6px;margin:4px 0;display:block}.thruster-station p{color:#6a9baf;justify-content:space-between;gap:3px;margin:7px 0 0;font-size:8px;display:flex}.thruster-station p b{color:#c1dce8;white-space:nowrap;font-weight:400}.resultant-summary{border-top:1px solid #284f62;flex-shrink:0;padding:9px 12px}.resultant-summary h3{color:#26d8f8;margin:0 0 9px;font-size:10px}.resultant-summary dl{border:1px solid #275569;border-radius:4px;grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:8px 0;display:grid}.resultant-summary dl>div{text-align:center;border-right:1px solid #1c4053}.resultant-summary dt{color:#98bfd1;white-space:nowrap;font-size:8px}.resultant-summary dd{color:#a0e9ff;white-space:nowrap;margin:11px 0 3px;font-size:12px;font-weight:600}.resultant-summary p{color:#799eaf;margin:8px 0 0;font-size:7px}.dp-workstation .main-visual-area .plot-caption{display:none}.dp-workstation .main-posplot .zoom-viewport{min-height:260px}.posplot-heading{border-bottom:0;min-height:44px;padding:10px 14px}.posplot-heading strong{color:#79e3fa;font-size:12px}.posplot-heading>span{font-size:8px}.dp-workstation .main-posplot .visual-toolbar{top:3px;right:10px}.dp-workstation .visual-toolbar button{min-width:26px;min-height:25px;font-size:9px}.posplot-command{z-index:3;border:1px solid #8f692f;border-radius:3px;min-height:29px;position:absolute;top:46px;left:10px;right:155px}.posplot-readout{gap:4px;padding:6px 12px;font-size:8px}.dp-workstation .plot-legend{font-size:9px}.dp-workstation .teaching-body{padding:17px 14px}.dp-workstation .teaching-copy{font-size:12px;line-height:1.75}.dp-workstation .teaching-body h1{font-size:18px}.workstation-bottom{flex-shrink:0;grid-template-columns:minmax(370px,31fr) minmax(0,69fr);gap:10px;display:grid}.compact-control-bar,.system-status-strip{background:#051b28;border:1px solid #25627a;border-radius:5px;min-height:88px;padding:10px 14px}.compact-control-bar h2,.system-status-strip h2{color:#36d9f4;margin:0 0 12px;font-size:10px;font-weight:500}.compact-control-bar h2 small,.system-status-strip h2 small{float:right;color:#648d9f;font-size:7px}.control-bar-actions{align-items:center;gap:8px;display:flex}.control-bar-actions>button,.control-bar-actions [role=group] button{white-space:nowrap;background:#072738;border:1px solid #356079;border-radius:4px;min-height:35px;padding:8px 9px;font-size:11px}.control-bar-actions>button.simulation-enable{color:#91c5d4;background:0 0;border:0;margin-right:auto;padding-left:0}.simulation-enable i{background:#ffc66b;border-radius:50%;width:10px;height:10px;margin-right:7px;display:inline-block}.simulation-enable i.running{background:#2bea99}.simulation-enable[aria-pressed=false] i{background:#628193}.control-bar-actions [role=group]{gap:4px;display:flex}.control-bar-actions [aria-pressed=true]:not(.simulation-enable){color:#b4f5ff;border-color:#28d7f7;box-shadow:inset 0 -2px #0bbcdc}.system-status-strip{display:block}.status-instruments{grid-template-columns:repeat(8,minmax(0,1fr)) 1.25fr 1.25fr;display:grid}.system-status-strip .status-instruments button{background:0 0;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;padding:0 8px;display:flex}.status-instruments button:last-child{border:0}.system-status-strip .status-instruments b{font-size:9px}.system-status-strip .status-instruments span{white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.system-status-strip .status-instruments .environment-value{color:#bfe8fa}.dp-workstation .lesson-footer{border-top-color:#173a4a;height:31px;min-height:31px;margin:0 -13px;padding:3px 13px}.dp-workstation .lesson-footer>button{background:0 0;border:0;height:24px;min-height:24px;font-size:9px}.dp-workstation .lesson-select select{background:0 0;border-color:#1a4053;padding:3px;font-size:9px}@media (min-width:1800px){.workstation-displays{grid-template-columns:minmax(360px,28fr) minmax(650px,52fr) minmax(300px,20fr)}.thruster-station{font-size:11px}.thruster-station>small{font-size:8px}.thruster-station p{font-size:10px}.thruster-station h3{font-size:14px}.resultant-summary dt{font-size:10px}.resultant-summary dd{font-size:15px}.thruster-main-view{min-height:520px}}@media (max-width:1400px){.workstation-displays{grid-template-columns:minmax(290px,28fr) minmax(450px,50fr) minmax(250px,22fr)}.workstation-instrumentation{grid-template-columns:1fr 260px}.operational-strip>div{padding:9px 7px}.operational-strip strong{font-size:13px}.operational-strip span{font-size:8px}.operational-strip>div:nth-child(6) strong,.operational-strip>div:nth-child(7) strong{font-size:9px}.status-instruments svg{width:16px}.system-status-strip .status-instruments span{font-size:9px}.workstation-bottom{grid-template-columns:370px 1fr}.compact-control-bar,.system-status-strip{padding:9px 10px}.control-bar-actions{gap:5px}.control-bar-actions>button,.control-bar-actions [role=group] button{padding:7px;font-size:10px}.thruster-stations{gap:7px;padding:10px}.resultant-summary{padding:9px 6px}.resultant-summary dd{font-size:10px}}@media (max-width:1200px){.dp-workstation{height:auto}.workstation-displays{grid-template-columns:minmax(280px,36fr) minmax(400px,64fr)}.dp-workstation .teaching{grid-column:1/-1}.workstation-instrumentation{grid-template-columns:1fr}.operational-strip{grid-template-columns:repeat(9,1fr)}.environment-control{max-width:none}.environment-control summary{align-items:center;gap:30px;display:flex}.environment-control strong{min-width:120px;margin:0}.environment-summary{min-width:280px}.environment-summary b{margin-left:6px;display:inline}.workstation-bottom{grid-template-columns:1fr}.compact-control-bar{min-height:70px}.control-bar-actions{justify-content:flex-start}.control-bar-actions>button.simulation-enable{margin-right:8px}.technical-view-body{max-height:680px}.thruster-main-view{min-height:530px}.main-posplot{min-height:650px}}@media (max-width:700px){.workstation-displays{grid-template-columns:1fr}.main-posplot{min-height:530px}.operational-strip{grid-template-columns:repeat(3,1fr)}.environment-control summary{gap:12px}.environment-summary{flex:1;min-width:0}.environment-summary i{display:none}.environment-summary b{margin-left:0;display:block}.environment-control strong{min-width:90px;font-size:9px}.status-instruments{grid-template-columns:repeat(5,1fr);gap:14px 0}.thruster-main-view{min-height:530px}.posplot-heading>span{display:none}.posplot-command{top:78px;right:10px}.system-status-strip .status-instruments button{min-height:40px}.dp-workstation .lesson-footer{min-height:36px}}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--console-bg:#e3e5e5;--console-surface:#f1f2f2;--console-panel:#e9ebeb;--console-header:#e1e4e4;--console-footer:#dde0e0;--console-border:#a2a9ab;--console-border-strong:#858e91;--console-text:#252a2c;--console-muted:#596164;--console-blue:#17658c;--console-current:#a33f38;--console-green:#267443;--console-amber:#916511;--bg:var(--console-bg);--panel:var(--console-panel);--border:var(--console-border);--text:var(--console-text);--muted:var(--console-muted);--cyan:var(--console-blue);--green:var(--console-green);--amber:var(--console-amber)}.dp-workstation{color:#202526;background:#cfd2d2;gap:5px;padding:5px}.dp-workstation :is(div,section,aside,header,footer,nav,button,select,input,summary,details,dl){box-shadow:none;border-color:#afb5b0;border-radius:1px}.dp-workstation :is(h1,h2,h3,p,span,strong,b,small,label,dt,dd,li,th,td,summary){color:inherit;text-shadow:none}.dp-workstation :is(.header,.panel,.technical-view-container,.main-posplot,.vessel-plot,.compact-control-bar,.system-status-strip,.lesson-footer,.environment-control,.teaching-callout,.thruster-station,.posplot-readout,.technical-view-selector,.visual-toolbar,.posplot-command){color:#202526;background:#e3e5e5}.dp-workstation :is(button,select,input){color:#202526;box-shadow:none;background:#d9dcdd;border-color:#8e9698}.dp-workstation button:disabled{color:#7a817e;opacity:.6}.dp-workstation :is(button,input,select):focus-visible{outline-offset:2px;outline:2px solid #285e72}.dp-workstation :is(button[aria-selected=true],button[aria-pressed=true],button.active){color:#183f52;box-shadow:none;background:#c5d4db;border-color:#526f7b}.dp-workstation .header{border:1px solid #8e9698;gap:20px;height:56px;min-height:56px;margin:0;padding:0 12px}.dp-workstation .brand strong{font-size:26px}.dp-workstation .brand{align-items:baseline;gap:16px;min-width:340px;display:flex}.dp-workstation .brand>span{letter-spacing:1.4px;white-space:nowrap;font-size:8px}.dp-workstation .header nav button{border-top:0;border-bottom:0;gap:3px;font-size:10px}.dp-workstation .header nav svg{width:18px;height:18px}.dp-workstation .workstation-instrumentation{display:block}.dp-workstation .operational-strip{background:#e4e6e6;border:1px solid #8e9698;grid-template-columns:1.08fr 1.34fr 1.82fr 1.55fr 1.32fr;min-height:194px;display:grid}.dp-workstation .operational-strip>.operational-instrument{border-right:1px solid #9da4a6;min-width:0;padding:9px 14px;display:block}.dp-workstation .operational-strip>.operational-instrument:last-child{border-right:0}.dp-workstation .operational-instrument h2{letter-spacing:.45px;color:#303638;margin:0 0 8px;font-size:10px;font-weight:650}.dp-workstation .operational-strip .instrument-value{color:#151a1c;font:600 40px/1.2 Consolas,monospace;display:block}.dp-workstation .instrument-value small{font:15px Segoe UI,sans-serif}.dp-workstation .operational-instrument>span{color:#5c6660;margin-top:7px;font-size:8px;display:block}.dp-workstation .operational-instrument p{margin:8px 0 0;font-size:9px}.dp-workstation .operational-instrument dl{margin:0}.dp-workstation .operational-instrument dl>div{justify-content:space-between;gap:8px;padding:3px 0;display:flex}.dp-workstation .operational-instrument dd{white-space:nowrap;margin:0;font:13px Consolas,monospace}.heading-instrument-body{align-items:center;gap:8px;display:flex}.heading-instrument-body svg{fill:none;stroke:#555f62;stroke-width:1px;flex-shrink:0;width:126px;height:126px}.heading-instrument-body svg text{fill:#364b3e;stroke:none;font-size:10px}.heading-instrument-body svg .instrument-pointer{fill:#426b59;stroke:#345644}.heading-instrument-body dl{flex:1}.heading-instrument-body dd{font-size:15px!important}.instrument-scale{background:repeating-linear-gradient(90deg,#9ca99d 0 1px,#0000 1px 10%);border-bottom:1px solid #9ca99d;height:10px;margin-top:12px}.instrument-scale-labels{color:#65716a;justify-content:space-between;margin-top:2px;font:8px Consolas,monospace;display:flex}.speed-detail{margin-top:6px!important}.deviation-body{grid-template-columns:1fr 118px;align-items:center;gap:10px;display:grid}.deviation-body svg{fill:none;stroke:#7f898b;stroke-width:.9px;width:118px;height:118px}.deviation-body svg .deviation-limit{stroke:#89958c;stroke-dasharray:2 3}.deviation-body svg .deviation-point{fill:#b8453d;stroke:#873a35}.heading-deviation-bar{background:linear-gradient(90deg,#0000 49.5%,#727d80 49.5% 50.5%,#0000 50.5%);border:1px solid #9ca4a6;height:12px;margin:2px 0 0 134px;position:relative}.heading-deviation-bar:before,.heading-deviation-bar:after{color:#66736b;font:7px Consolas,monospace;position:absolute;top:12px}.heading-deviation-bar:before{content:"-5";left:0}.heading-deviation-bar:after{content:"+5";right:0}.heading-deviation-bar i{background:#23689a;width:3px;height:14px;position:absolute;top:-2px;transform:translate(-50%)}.rotation-centre-readout{background:linear-gradient(45deg,#0000 50%,#454e50 50%) right 7px center/6px 6px no-repeat,#eceeee;border:1px solid #8f989a;min-width:82px;padding:3px 18px 3px 7px;display:inline-block}.power-instrument-body{grid-template-columns:minmax(0,1fr) 58px;gap:10px;display:grid}.power-instrument meter{accent-color:#23689a;width:100%;height:9px;margin-top:5px}.power-instrument-body>div:first-child>span{margin-top:7px;font-size:8px;display:block}.power-column{height:132px;padding-left:20px;position:relative}.power-column-track{background:#e8eaea;border:1px solid #557584;align-items:flex-end;width:31px;height:128px;padding:2px;display:flex;position:absolute;bottom:0;right:6px}.power-column-track i{background:#176a9d;width:100%;min-height:2px;display:block}.power-column>span{color:#65716a;font:7px Consolas,monospace;position:absolute;left:0}.power-column>span:first-of-type{top:0}.power-column>span:nth-of-type(2){top:48%}.power-column>span:nth-of-type(3){bottom:0}.dp-workstation .workstation-displays{grid-template-columns:minmax(350px,32fr) minmax(500px,48fr) minmax(285px,20fr);gap:5px;min-height:0;display:grid}.dp-workstation :is(.technical-view-container,.main-posplot,.teaching){border:1px solid #8e9698}.dp-workstation .technical-view-selector{background:#d5d8d9;border-bottom:1px solid #929a9c;min-height:41px;padding:6px 9px}.dp-workstation .technical-view-selector label{font-size:9px}.dp-workstation .technical-view-container>header label{color:#4d6053;border:0;margin:0;padding:0}.dp-workstation .technical-view-selector{align-items:center;gap:12px;display:flex}.dp-workstation .technical-view-selector select{flex:1;min-width:0;padding:5px 8px;font-size:12px;font-weight:600}.dp-workstation .thruster-stations{gap:6px;padding:10px}.dp-workstation .thruster-station{background:#f5f5ef;padding:12px}.dp-workstation .thruster-station :is(h3,label,p,small){color:#394d43}.dp-workstation .thruster-station label b{color:#216a3e}.dp-workstation .thruster-station meter{accent-color:#34784b}.dp-workstation .integrated-thruster-main{background:#e7e9e9;flex-direction:column;flex:1;min-height:530px;display:flex}.dp-workstation .thruster-operating-summary{background:#dde0e0;border-bottom:1px solid #9ca4a6;gap:36px;min-height:36px;margin:0;padding:6px 12px;display:flex}.dp-workstation .thruster-operating-summary>div{align-items:baseline;gap:7px;display:flex}.dp-workstation .thruster-operating-summary dt{color:#5f686b;font-size:8px}.dp-workstation .thruster-operating-summary dd{color:#263135;margin:0;font:600 10px Consolas,monospace}.dp-workstation .integrated-thruster-board{background:#eceeee;border-bottom:1px solid #91999b;flex:1;min-height:340px;position:relative;overflow:hidden}.dp-workstation .integrated-vessel-outline{width:66%;height:86%;position:absolute;inset:7% 17%}.dp-workstation .integrated-hull{fill:#e3e5e5;stroke:#788184;stroke-width:1.4px}.dp-workstation .integrated-deck{fill:none;stroke:#c1c6c7;stroke-width:1px}.dp-workstation .integrated-centreline{stroke:#9ba3a5;stroke-width:1px;stroke-dasharray:5 5}.dp-workstation .integrated-origin{fill:#b98212;stroke:#86621f}.dp-workstation .integrated-vessel-outline text{fill:#6a7376;font-size:10px}.dp-workstation .integrated-thruster-grid{grid-template-rows:46% 54%;grid-template-columns:1fr 1fr;gap:0 14%;display:grid;position:absolute;inset:7% 5% 8%}.dp-workstation .integrated-thruster-unit{text-align:center;min-width:0;padding:2px 4px;font-size:8px;position:relative}.dp-workstation .integrated-thruster-unit:is(.unit-bt1,.unit-bt2){align-self:end;padding-bottom:10px}.dp-workstation .integrated-thruster-unit:is(.unit-az1,.unit-az2){align-self:start;padding-top:10px}.dp-workstation .integrated-thruster-unit header{justify-content:center;align-items:baseline;gap:6px;margin-bottom:2px;display:flex}.dp-workstation .integrated-thruster-unit header strong{font-size:12px}.dp-workstation .integrated-thruster-unit header span{color:#697275;font-size:7px}.dp-workstation .integrated-thruster-symbol{margin:0 auto;display:block;overflow:visible}.dp-workstation .tunnel-symbol{width:104px;height:35px}.dp-workstation .azimuth-symbol{width:72px;height:72px}.dp-workstation .integrated-thruster-symbol :is(rect,circle){fill:#e2e5e5;stroke:#586266;stroke-width:1.5px}.dp-workstation .integrated-thruster-symbol.status-available>:is(rect,circle):first-child{stroke:#287044;stroke-width:2px}.dp-workstation .integrated-thruster-symbol.status-unavailable>:is(rect,circle):first-child{stroke:#a23a35;stroke-width:2px}.dp-workstation .thruster-symbol-track{stroke:#768184;stroke-width:5px}.dp-workstation .thruster-symbol-zero{stroke:#aa6d24;stroke-width:1px}.dp-workstation .thruster-symbol-feedback,.dp-workstation .azimuth-feedback{stroke:#17658c;stroke-width:4px}.dp-workstation .thruster-symbol-arrow{fill:none;stroke:#17658c;stroke-width:2px}.dp-workstation .azimuth-body{fill:#f2f3f3!important;stroke:#667174!important}.dp-workstation .azimuth-centre{fill:#626d70!important;stroke:none!important}.dp-workstation .integrated-thruster-status{background:#317848;width:48px;margin:1px auto 3px;padding:1px 4px;font:600 8px Consolas,monospace;display:block;color:#fff!important}.dp-workstation .status-unavailable .integrated-thruster-status{background:#a13b36}.dp-workstation .integrated-thruster-unit dl{grid-template-columns:1fr 1fr;gap:1px 9px;max-width:160px;margin:0 auto;display:grid}.dp-workstation .integrated-thruster-unit dl>div{justify-content:space-between;gap:4px;min-width:0;display:flex}.dp-workstation .integrated-thruster-unit dt{color:#5e686b;font-size:8px}.dp-workstation .integrated-thruster-unit dd{color:#174e72;white-space:nowrap;margin:0;font:10px Consolas,monospace}.dp-workstation .integrated-resultant{background:#dfe2e2;grid-template-columns:minmax(135px,.8fr) minmax(190px,1.2fr);gap:8px 15px;min-height:132px;padding:7px 12px 5px;display:grid}.dp-workstation .integrated-resultant h3{color:#344044;margin:0 0 5px;font-size:9px;font-weight:650}.dp-workstation .integrated-resultant h3 small{color:#717a7c;margin-left:4px;font-size:6px;font-weight:400}.dp-workstation .integrated-resultant-values dl{margin:0}.dp-workstation .integrated-resultant-values dl>div{justify-content:space-between;gap:8px;padding:2px 0;display:flex}.dp-workstation .integrated-resultant-values dt{color:#596164;font-size:8px}.dp-workstation .integrated-resultant-values dd{color:#102f43;margin:0;font:700 13px Consolas,monospace}.dp-workstation .thruster-contribution{grid-template-columns:28px 24px minmax(72px,1fr) 54px;align-items:center;gap:5px;margin:2px 0;display:grid}.dp-workstation .thruster-contribution strong{font-size:8px}.dp-workstation .contribution-status{background:repeating-linear-gradient(90deg,#2f7546 0 5px,#0000 5px 7px);width:20px;height:7px}.dp-workstation .contribution-status.status-unavailable{background:repeating-linear-gradient(90deg,#a33f38 0 5px,#0000 5px 7px)}.dp-workstation .contribution-bar{background:repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#c1c7c8 calc(25% - 1px) 25%);border:1px solid #a3abad;height:10px}.dp-workstation .contribution-bar i{background:#337da2;min-width:2px;height:100%;display:block}.dp-workstation .thruster-contribution b{text-align:right;color:#173f59;font:600 10px Consolas,monospace}.dp-workstation .integrated-resultant>p{color:#687174;grid-column:1/-1;margin:0;font-size:7px}.dp-workstation .reference-thruster-main{background:#eceeee;flex-direction:column;flex:1;min-height:530px;display:flex}.dp-workstation .reference-thruster-field{background:#eef0f0;flex-direction:column;flex:1;justify-content:center;gap:18px;min-height:360px;padding:7px 18px 5px;display:flex;overflow:hidden}.dp-workstation .reference-tunnel-stack{gap:1px;width:76%;max-width:410px;margin:0 auto;display:grid}.dp-workstation .reference-tunnel-unit{text-align:center;font-size:8px}.dp-workstation .reference-tunnel-unit>header{margin:0 0 -1px}.dp-workstation .reference-tunnel-unit>header strong{font-size:12px}.dp-workstation .reference-tunnel-row{grid-template-columns:48px minmax(150px,1fr) 48px;align-items:center;gap:4px;display:grid}.dp-workstation .reference-tunnel-centre,.dp-workstation .reference-azimuth-centre{text-align:center}.dp-workstation .reference-tunnel-symbol{width:100%;height:34px;display:block}.dp-workstation .reference-instrument-case{fill:#dfe2e2;stroke:#697376;stroke-width:1.4px}.dp-workstation .reference-tunnel-symbol.status-available .reference-instrument-case{stroke:#2d7047;stroke-width:2px}.dp-workstation .reference-tunnel-symbol.status-unavailable .reference-instrument-case{stroke:#a23a35;stroke-width:2px}.dp-workstation .reference-instrument-track{fill:#f5f6f6;stroke:#929b9d;stroke-width:1px}.dp-workstation .reference-feedback-fill{fill:#367fa4;stroke:none}.dp-workstation .reference-command-line{stroke:#76a9bf;stroke-width:3px}.dp-workstation .reference-zero{stroke:#b8732d;stroke-width:1.5px}.dp-workstation .reference-dp-status{background:#317849;width:50px;margin:-2px auto 0;padding:1px 5px;font:600 8px Consolas,monospace;display:block;color:#fff!important}.dp-workstation .reference-dp-status.status-unavailable{background:#a13b36}.dp-workstation .reference-side-value{flex-direction:column;justify-content:center;min-width:0;line-height:1.05;display:flex}.dp-workstation .reference-side-value small{color:#616b6e;font-size:8px}.dp-workstation .reference-side-value b{color:#263337;font:600 10px Consolas,monospace}.dp-workstation .reference-tunnel-unit>p,.dp-workstation .reference-azimuth-unit>p{color:#667073;justify-content:center;gap:13px;margin:2px 0 3px;font-size:8px;display:flex}.dp-workstation .reference-tunnel-unit>p b,.dp-workstation .reference-azimuth-unit>p b{color:#174c6c;font:600 9px Consolas,monospace}.dp-workstation .reference-azimuth-pair{grid-template-columns:1fr 1fr;align-items:center;gap:28px;width:88%;max-width:470px;margin:0 auto;display:grid}.dp-workstation .reference-azimuth-unit{text-align:center;min-width:0}.dp-workstation .reference-azimuth-unit>header{justify-content:center;align-items:baseline;gap:6px;margin-bottom:1px;display:flex}.dp-workstation .reference-azimuth-unit>header strong{font-size:12px}.dp-workstation .reference-azimuth-unit>header b{color:#183f59;font:600 11px Consolas,monospace}.dp-workstation .reference-azimuth-row{grid-template-columns:28px minmax(82px,100px) 32px;justify-content:center;align-items:end;gap:4px;display:grid}.dp-workstation .reference-azimuth-symbol{width:96px;height:96px;margin:0 auto;display:block}.dp-workstation .reference-azimuth-ring{fill:#e3e5e5;stroke:#5e696c;stroke-width:1.6px}.dp-workstation .reference-azimuth-symbol.status-available .reference-azimuth-ring{stroke:#2d7047;stroke-width:2.2px}.dp-workstation .reference-azimuth-symbol.status-unavailable .reference-azimuth-ring{stroke:#a23a35;stroke-width:2.2px}.dp-workstation .reference-azimuth-body{fill:#f5f6f6;stroke:#5f6a6d;stroke-width:1.5px}.dp-workstation .reference-direction-port{fill:#1876a2;stroke:none}.dp-workstation .reference-direction-starboard{fill:#b9483d;stroke:none}.dp-workstation .reference-azimuth-axis{stroke:#17658c;stroke-width:2.4px}.dp-workstation .reference-load-column{flex-direction:column;align-items:center;line-height:1;display:flex}.dp-workstation .reference-load-column>i{background:#f5f6f6;border:1px solid #8a9497;align-items:flex-end;width:11px;height:66px;display:flex;position:relative}.dp-workstation .reference-load-column>i b{background:#3b83a5;width:100%;min-height:1px;display:block}.dp-workstation .reference-load-column small{color:#616b6e;margin-top:2px;font-size:6px}.dp-workstation .reference-load-column strong{font:600 8px Consolas,monospace}.dp-workstation .reference-force-section{background:#dfe2e2;border-top:1px solid #8f989a;flex-shrink:0;min-height:150px;padding:6px 12px 7px}.dp-workstation .reference-force-section>header{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.dp-workstation .reference-force-section h3{color:#2e383b;margin:0;font-size:9px}.dp-workstation .reference-force-section h3 small{color:#6d7679;font-size:6px;font-weight:400}.dp-workstation .reference-resultant{color:#5d676a;white-space:nowrap;gap:9px;font-size:6px;display:flex}.dp-workstation .reference-resultant b{color:#163f59;font:600 8px Consolas,monospace}.dp-workstation .reference-force-head,.dp-workstation .reference-force-row{grid-template-columns:34px 48px 42px 36px minmax(90px,1fr);align-items:center;gap:5px;display:grid}.dp-workstation .reference-force-head{color:#687174;margin-bottom:2px;font-size:6px}.dp-workstation .reference-force-head span:nth-child(4){grid-column:4/6}.dp-workstation .reference-force-row{min-height:21px}.dp-workstation .reference-force-row>strong{font-size:8px}.dp-workstation .reference-force-row>i{background:repeating-linear-gradient(90deg,#2f7546 0 7px,#0000 7px 10px);width:30px;height:8px}.dp-workstation .reference-force-row>i.state-off{background:repeating-linear-gradient(90deg,#a23a35 0 7px,#0000 7px 10px)}.dp-workstation .reference-force-row>b{text-align:right;color:#183f59;font:600 9px Consolas,monospace}.dp-workstation .reference-force-row>span{background:repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#c2c8ca calc(25% - 1px) 25%);border:1px solid #9aa3a5;height:13px}.dp-workstation .reference-force-row>span i{background:#397fa0;min-width:2px;height:100%;display:block}@media (max-width:1450px){.dp-workstation .reference-thruster-field{padding-left:9px;padding-right:9px}.dp-workstation .reference-tunnel-stack{width:90%}.dp-workstation .reference-tunnel-row{grid-template-columns:42px minmax(130px,1fr) 42px}.dp-workstation .reference-azimuth-pair{gap:7px;width:100%}.dp-workstation .reference-azimuth-row{grid-template-columns:23px minmax(76px,88px) 27px;gap:2px}.dp-workstation .reference-azimuth-symbol{width:86px;height:86px}.dp-workstation .reference-tunnel-unit>p,.dp-workstation .reference-azimuth-unit>p{gap:7px}.dp-workstation .reference-resultant{gap:5px}}.dp-workstation .main-visual-area{background:#e8eaea}.dp-workstation .posplot-heading{border-bottom:1px solid #b4bcb4;min-height:40px;padding:8px 12px}.dp-workstation .posplot-settings{color:#66736b;gap:10px;margin-left:auto;font-size:8px;display:flex}.dp-workstation .posplot-settings b{color:#245277;background:#f6f6f0;border:1px solid #a7b0a7;padding:3px 5px;font:9px Consolas,monospace;display:inline-block}.dp-workstation .posplot-heading details{margin-left:0}.dp-workstation .posplot-heading details[open]{color:#263332;background:#f1f2ec}.dp-workstation .teaching .panel-heading{background:#d1d5d6;border-bottom:1px solid #929a9c;min-height:40px}.dp-workstation .teaching-body{padding:13px}.dp-workstation .teaching-body h1{margin:8px 0 12px;font-size:18px}.dp-workstation .teaching-tabs button{font-size:9px}.dp-workstation .teaching-copy{font-size:13px;line-height:1.65}.dp-workstation .teaching-callout{background:#dfe2e2;padding:10px}.dp-workstation .lesson-objective{color:#4b5b50}.dp-workstation .workstation-bottom{grid-template-columns:minmax(370px,31fr) minmax(0,69fr);gap:6px}.dp-workstation :is(.compact-control-bar,.system-status-strip){background:#d8dbdc;min-height:68px;padding:7px 11px}.dp-workstation :is(.compact-control-bar,.system-status-strip) h2{color:#3b5042;margin-bottom:8px}.dp-workstation .lesson-footer{border:1px solid #a3aaa7;min-height:34px;padding:3px 10px}.dp-workstation :is(.good,.healthy,.enabled){color:#23663e}.dp-workstation svg text{fill:#394c43;text-shadow:none}.dp-workstation svg [stroke=\#12384b]{stroke:#c1c6c7}.dp-workstation svg [stroke=\#285367]{stroke:#7f898c}.dp-workstation svg [stroke=\#62c8f3],.dp-workstation svg [stroke=\#76cae9]{stroke:#3b788f}.dp-workstation svg [fill=\#62c8f3]{fill:#3b788f}.dp-workstation svg [stroke=\#45e878]{stroke:#2f7845}.dp-workstation svg [fill=\#45e878]{fill:#2f7845}.dp-workstation svg [stroke=\#ffc969]{stroke:#9b761c}.dp-workstation svg [fill=\#ffc969],.dp-workstation svg [fill=\#ffb653]{fill:#9b761c}.dp-workstation .main-posplot .hotspot.contextual:not(:hover):not(:focus):not(.selected) :is(.hotspot-marker,text){opacity:0}.dp-workstation .motion-axis{stroke:#3b788f;fill:#3b788f}.dp-workstation .technical-view-body :is(table,td,th){color:#33473b;background:0 0;border-color:#b0bbb0}.dp-workstation .header nav button[aria-current],.dp-workstation .header nav button.active{color:#294f3c;box-shadow:none;background:#d3dfd5;border-color:#8b9d8e}.dp-workstation .header nav button:disabled{color:#65746a;opacity:.7}.dp-workstation .thruster-station p b{color:#354e40}.dp-workstation .plot-legend,.dp-workstation .setpoint-controls{color:#30383b;background:#dadee0}.dp-workstation .plot-legend span,.dp-workstation .visual-toolbar span,.dp-workstation .environment-summary b{color:#35473b}.dp-workstation .control-bar-actions>button,.dp-workstation .control-bar-actions [role=group] button{color:#30383b;background:#d2d6d7}.dp-workstation .control-bar-actions [role=group] button[aria-pressed=true]{color:#17465c;background:#c2d2da;border-color:#607f8e}.dp-workstation .eyebrow{color:#607365}.dp-workstation .system-status-strip .status-instruments button,.dp-workstation .system-status-strip .status-instruments button span,.dp-workstation .lesson-footer button,.dp-workstation .visual-toolbar [role=status],.dp-workstation .environment-summary i{color:#3a5d49}.dp-workstation .thruster-station{border-color:#b0b9af;border-radius:0}.dp-workstation .cyan-line{background:#3b788f}.dp-workstation .green-line{background:#2f7845}.dp-workstation :is(.sensor-card,.reference-card,.rotation-centre-controls,.motion-model-summary,.technical-note,.bus-diagram,.power-topology){color:#293033;background:#dfe2e2}.dp-workstation .header{background:#d9dcdd;border-color:#8b9395}.dp-workstation .header nav button{background:#d9dcdd;border-color:#9ba2a4}.dp-workstation .header nav button[aria-current],.dp-workstation .header nav button.active{color:#193f50;background:#c5d2d8;border-color:#6f858f}.dp-workstation .posplot-heading{background:#d4d7d8;border-bottom:1px solid #90989a}.dp-workstation .posplot-heading strong{color:#202729}.dp-workstation .posplot-settings b{color:#164f6b;background:#e8eaea;border-color:#8f989a}.dp-workstation .zoom-viewport{background:#e7e9e9}.dp-workstation .visual-toolbar button{background:#d4d8d9;border-color:#8b9496}.dp-workstation .visual-toolbar output{color:#394245}.dp-workstation .plot-legend{color:#3d4648;background:#dde0e0;border-color:#9ca4a6}.dp-workstation .heading-line{background:#555e61}.dp-workstation .posplot-scale{z-index:2;color:#3d4648;pointer-events:none;grid-template-columns:auto auto;align-items:end;gap:2px 8px;font-size:7px;display:grid;position:absolute;bottom:107px;left:16px}.dp-workstation .posplot-scale b{font:9px Consolas,monospace}.dp-workstation .posplot-scale i{background:repeating-linear-gradient(90deg,#334347 0 20px,#e7e9e9 20px 40px);border:1px solid #596467;grid-column:1/-1;width:82px;height:6px;display:block}.dp-workstation .posplot-readout{color:#30383a;background:#d5d8d9;border-top:1px solid #929a9c}.dp-workstation .technical-canvas [data-earth-frame=fixed]{fill:#e7e9e9}.dp-workstation .technical-canvas text{fill:#343c3f}.dp-workstation .compact-heading-readout text:nth-of-type(2){fill:#174f6a}.dp-workstation .teaching-body{background:#e5e7e7}.dp-workstation .teaching-tabs button{background:#d6d9da}.dp-workstation .teaching-tabs button[aria-selected=true]{color:#173f52;background:#c2d1d8}.dp-workstation .lesson-footer{background:#d2d5d6;border-color:#8e9698}.dp-workstation .posplot-environment{background:#daddde;border:0;border-top:1px solid #8f9799;flex-shrink:0;margin:0;padding:0;position:relative}.dp-workstation .posplot-environment>summary{cursor:pointer;grid-template-columns:1fr auto 1fr;align-items:stretch;min-height:54px;list-style:none;display:grid}.dp-workstation .posplot-environment>summary::-webkit-details-marker{display:none}.dp-workstation .posplot-environment>summary>small{color:#586164;letter-spacing:.6px;white-space:nowrap;align-self:center;padding:0 11px;font-size:7px}.dp-workstation .environment-reading{color:#232a2c;grid-template-columns:54px 58px 62px 1fr;align-items:center;gap:8px;padding:7px 14px;display:grid}.dp-workstation .environment-reading:first-child{border-right:1px solid #9aa2a4}.dp-workstation .environment-reading:last-child{border-left:1px solid #9aa2a4}.dp-workstation .environment-reading b{letter-spacing:.7px;font-size:9px}.dp-workstation .environment-reading strong{color:#174f6a;font:600 15px Consolas,monospace}.dp-workstation .environment-reading span{font:12px Consolas,monospace}.dp-workstation .environment-reading i{color:#1e6685;transform-origin:50%;justify-self:end;font:22px/1 Consolas,monospace;display:inline-block}.dp-workstation .posplot-environment .environment-editor{z-index:8;color:#252c2e;background:#d9dcdd;border:1px solid #7f888a;grid-template-columns:1fr 1fr;gap:10px;width:330px;padding:12px;display:grid;position:absolute;top:calc(100% + 2px);left:50%;right:auto;transform:translate(-50%)}.dp-workstation .posplot-environment .environment-editor label{color:#353e40;font-size:9px}.dp-workstation .posplot-environment .environment-editor input{background:#eef0f0;width:100%;margin-top:4px}.dp-workstation .posplot-environment .environment-editor p{color:#515b5d;grid-column:1/-1;margin:0;font-size:8px}.dp-workstation .position-command{color:#293235;background:#d7dada;border-top:1px solid #858e90;flex-shrink:0}.dp-workstation .position-command-bar{align-items:center;gap:8px;min-height:31px;padding:3px 7px 3px 10px;display:flex}.dp-workstation .position-command-bar>strong,.dp-workstation .position-command-row>strong{letter-spacing:.7px;flex:none;font-size:9px}.dp-workstation .position-command-modes{align-self:stretch;display:flex}.dp-workstation .position-command-modes button{background:0 0;border-width:0 0 0 1px;border-color:#9aa2a4;min-width:88px;padding:2px 10px;font-size:8px}.dp-workstation .position-command-modes button[aria-pressed=true]{color:#174f6a;background:#c7d5db;box-shadow:inset 0 -2px #1c6787}.dp-workstation .position-command-toggle{flex:0 0 25px;min-height:23px;margin-left:auto;padding:1px 5px;font-size:10px}.dp-workstation .position-command-row{border-top:1px solid #a0a7a9;align-items:center;gap:10px;min-height:39px;margin:0;padding:5px 8px 5px 10px;display:flex}.dp-workstation .position-command-row label,.dp-workstation .position-command-offsets label{color:#424c4f;white-space:nowrap;align-items:center;gap:5px;font-size:8px;display:flex}.dp-workstation .position-command-row label span,.dp-workstation .position-command-offsets label span{align-items:center;gap:3px;display:flex}.dp-workstation .position-command-row input{background:#eceeee;border:1px solid #879194;width:58px;min-height:24px;padding:2px 5px;font:11px Consolas,monospace}.dp-workstation .position-command-offsets{align-items:center;gap:8px;display:flex}.dp-workstation .position-command-offsets input{width:43px}.dp-workstation .position-command-summary{color:#475255;white-space:nowrap;align-items:center;gap:8px;min-width:0;font:8px Consolas,monospace;display:flex}.dp-workstation .position-command-bar>.position-command-summary{margin-left:auto}.dp-workstation .position-command-summary b{color:#9a4d18;font:700 8px Segoe UI,sans-serif}.dp-workstation .position-command-row>p{color:#9b3430;margin:0;font-size:8px}.dp-workstation .position-command-actions{gap:5px;margin-left:auto;display:flex}.dp-workstation .position-command-actions button{min-height:24px;padding:3px 9px;font-size:8px}.dp-workstation .position-command-actions button[type=submit]{color:#17465d;border-color:#5d7b89;font-weight:650}body,.dp-workstation{background:var(--console-bg);color:var(--console-text)}.dp-workstation :is(.header,.operational-strip,.technical-view-container,.main-posplot,.teaching,.compact-control-bar,.system-status-strip,.lesson-footer){border-color:var(--console-border-strong)}.dp-workstation :is(.header,.technical-view-selector,.posplot-heading,.teaching .panel-heading){background:var(--console-header)}.dp-workstation .operational-strip{background:var(--console-surface)}.dp-workstation .operational-strip>.operational-instrument{background:var(--console-surface);border-color:var(--console-border)}.dp-workstation .operational-strip>.operational-instrument:nth-child(2n){background:#edeeee}.dp-workstation .operational-instrument h2,.dp-workstation .operational-strip .instrument-value,.dp-workstation .operational-instrument dd{color:var(--console-text)}.dp-workstation .operational-instrument :is(dt,span),.dp-workstation .instrument-scale-labels,.dp-workstation .power-column>span{color:var(--console-muted)}.dp-workstation .technical-view-body{background:var(--console-panel);color:var(--console-text)}.dp-workstation .thruster-station,.dp-workstation :is(.sensor-card,.reference-card,.rotation-centre-controls,.motion-model-summary,.technical-note,.bus-diagram,.power-topology){border-color:var(--console-border);color:var(--console-text);background:#eef0f0}.dp-workstation .thruster-station :is(h3,label,p,small),.dp-workstation .thruster-station p b,.dp-workstation .technical-view-body :is(table,td,th){color:var(--console-text)}.dp-workstation .thruster-mode-summary,.dp-workstation .resultant-summary{border-color:var(--console-border);background:#e5e7e7}.dp-workstation .mimic-hull{fill:#e3e5e5;stroke:#687174}.dp-workstation .mimic-deck{stroke:#b2b7b9}.dp-workstation .mimic-thruster circle{fill:#f0f1f1}.dp-workstation .main-visual-area,.dp-workstation .zoom-viewport,.dp-workstation .technical-canvas [data-earth-frame=fixed]{background:var(--console-surface);fill:var(--console-surface)}.dp-workstation .plot-legend,.dp-workstation .setpoint-controls{border-color:var(--console-border);color:var(--console-text);background:#e8eaea}.dp-workstation .compact-heading-readout rect{fill:#eceeee;stroke:#939a9d}.dp-workstation .compact-heading-readout path{stroke:#9da4a6}.dp-workstation .posplot-readout{border-color:var(--console-border);color:var(--console-text);background:#e3e5e5}.dp-workstation .teaching-body{background:var(--console-surface);color:var(--console-text)}.dp-workstation .teaching-tabs button{border-color:var(--console-border);background:#e5e7e7}.dp-workstation .teaching-tabs button[aria-selected=true]{color:#173f52;background:#d6e1e6;border-color:#728b96}.dp-workstation .teaching-callout{border-color:var(--console-border);background:#e9ebeb}.dp-workstation .lesson-objective,.dp-workstation .eyebrow{color:var(--console-muted)}.dp-workstation .lesson-objective{border-left-color:#7f9b88}.dp-workstation .position-command{border-color:var(--console-border-strong);color:var(--console-text);background:#e6e8e8}.dp-workstation .position-command-modes button{border-color:var(--console-border)}.dp-workstation .position-command-row input,.dp-workstation :is(button,select,input){color:var(--console-text);background:#eef0f0;border-color:#92999c}.dp-workstation input{background:#f6f7f7}.dp-workstation .position-command-actions button[type=submit]:not(:disabled){color:#153f52;background:#d9e3e7;border-color:#6e8995}.dp-workstation :is(.compact-control-bar,.system-status-strip){background:var(--console-footer)}.dp-workstation .lesson-footer{background:#d9dcdd}.dp-workstation :is(.good,.healthy,.enabled),.dp-workstation .thruster-station label b{color:var(--console-green)}.dp-workstation :is(.caution,.warning){color:var(--console-amber)}.dp-workstation :is(.failed,.unavailable){color:var(--console-current)}.dp-workstation .motion-axes-view{color:var(--console-text)}.dp-workstation .motion-hull,.dp-workstation .motion-detail{stroke:#737c7f;fill:#eceeee}.dp-workstation .motion-hit circle{fill:#f1f2f2;stroke:#73827a}.dp-workstation .capability-panel{color:var(--console-text);background:#e9ebeb}.dp-workstation .heading-estimate,.dp-workstation .capability-panel .current-row,.dp-workstation .technical-view-body thead,.dp-workstation .technical-view-body .badge{color:var(--console-text);background:#e0e3e3}@media (max-width:1450px){.dp-workstation .position-command-row{gap:6px}.dp-workstation .position-command-row input{width:48px}.dp-workstation .position-command-offsets{gap:4px}.dp-workstation .position-command-offsets input{width:36px}.dp-workstation .position-command-summary{gap:5px}.dp-workstation .brand{min-width:235px;display:block}.dp-workstation .workstation-displays{grid-template-columns:minmax(300px,32fr) minmax(420px,47fr) minmax(260px,21fr)}.dp-workstation .workstation-instrumentation{display:block}.dp-workstation .operational-strip>.operational-instrument{padding:8px}.heading-instrument-body svg{width:62px;height:62px}.dp-workstation .operational-strip .instrument-value{font-size:26px}}@media (max-width:1100px){.dp-workstation{height:auto}.dp-workstation .workstation-instrumentation{grid-template-columns:1fr}.dp-workstation .workstation-displays{grid-template-columns:minmax(300px,42fr) minmax(400px,58fr)}.dp-workstation .teaching{grid-column:1/-1}.dp-workstation .workstation-bottom{grid-template-columns:1fr}}@media (min-width:1101px){.dp-workstation .teaching{grid-column:auto}}@media (max-width:750px){.dp-workstation .operational-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-workstation .workstation-displays{grid-template-columns:1fr}}.dp-workstation{gap:4px;padding:4px}.dp-workstation .header{gap:14px;height:44px;min-height:44px;padding:0 10px}.dp-workstation .brand strong{font-size:23px;line-height:1}.dp-workstation .brand>span{letter-spacing:1.25px;font-size:7px}.dp-workstation .header nav{gap:2px}.dp-workstation .header nav button{gap:1px;padding:3px 8px;font-size:9px}.dp-workstation .header nav button svg{width:15px;height:15px}.dp-workstation .header nav button small{margin-right:4px;font-size:8px}.dp-workstation .vessel-class{gap:7px;min-width:184px;padding:4px 8px}.dp-workstation .vessel-class svg{width:16px;height:16px}.dp-workstation .vessel-class span{font-size:7px}.dp-workstation .vessel-class b{font-size:10px}.dp-workstation .operational-strip{height:146px;min-height:146px}.dp-workstation .operational-strip>.operational-instrument{padding:6px 12px}.dp-workstation .operational-instrument h2{margin-bottom:4px;font-size:9px}.dp-workstation .operational-strip .instrument-value{font-size:32px;line-height:1.08}.dp-workstation .instrument-value small{font-size:13px}.dp-workstation .operational-instrument dl>div{padding:2px 0}.dp-workstation .operational-instrument dt{font-size:8px}.dp-workstation .operational-instrument dd{font-size:11px}.dp-workstation .speed-detail{margin-top:3px!important}.dp-workstation .instrument-scale{height:6px;margin-top:6px}.dp-workstation .instrument-scale-labels{margin-top:1px;font-size:7px}.dp-workstation .deviation-body{grid-template-columns:minmax(0,1fr) 88px;gap:6px}.dp-workstation .deviation-body svg{width:88px;height:88px}.dp-workstation .heading-instrument-body{gap:6px}.dp-workstation .heading-instrument-body svg{width:92px;height:92px}.dp-workstation .heading-deviation-bar{height:8px;margin:1px 0 0 98px}.dp-workstation .heading-deviation-bar:before,.dp-workstation .heading-deviation-bar:after{top:8px}.dp-workstation .heading-deviation-bar i{height:10px}.dp-workstation .operational-instrument>span{margin-top:4px;font-size:7px}.dp-workstation .rotation-centre-readout{padding-top:2px;padding-bottom:2px}.dp-workstation .power-instrument-body{grid-template-columns:minmax(0,1fr) 48px;gap:6px}.dp-workstation .power-instrument p{margin-top:4px}.dp-workstation .power-instrument-body>div:first-child>span{margin-top:4px;font-size:7px}.dp-workstation .power-column-track{width:27px;height:96px;right:4px}.dp-workstation .workstation-displays{gap:4px}.dp-workstation .technical-view-selector,.dp-workstation .teaching .panel-heading{min-height:35px;padding-top:5px;padding-bottom:5px}.dp-workstation .posplot-heading{min-height:34px;padding:5px 10px}.dp-workstation .posplot-settings b{padding:2px 4px}.dp-workstation .main-posplot .zoom-viewport{min-height:300px}.dp-workstation .posplot-environment>summary{min-height:44px}.dp-workstation .environment-reading{grid-template-columns:48px 50px 55px 1fr;gap:6px;padding:5px 12px}.dp-workstation .environment-reading strong{font-size:13px}.dp-workstation .environment-reading span{font-size:11px}.dp-workstation .environment-reading i{font-size:19px}.dp-workstation .posplot-readout{gap:3px 8px;padding:4px 10px;font-size:8px}.dp-workstation .position-command-bar{min-height:27px;padding-top:2px;padding-bottom:2px}.dp-workstation .position-command-toggle{min-height:21px}@media (max-width:1450px){.dp-workstation .header{gap:9px;height:42px;min-height:42px}.dp-workstation .brand{min-width:230px}.dp-workstation .brand strong{font-size:21px}.dp-workstation .header nav button{padding-left:4px;padding-right:4px;font-size:8px}.dp-workstation .vessel-class{min-width:168px}.dp-workstation .operational-strip{height:134px;min-height:134px}.dp-workstation .operational-strip>.operational-instrument{padding:5px 8px}.dp-workstation .operational-strip .instrument-value{font-size:27px}.dp-workstation .deviation-body{grid-template-columns:minmax(0,1fr) 76px}.dp-workstation .deviation-body svg,.dp-workstation .heading-instrument-body svg{width:76px;height:76px}.dp-workstation .heading-deviation-bar{margin-left:82px}.dp-workstation .power-column{height:84px}.dp-workstation .power-column-track{height:80px}}@media (max-width:1100px){.dp-workstation .operational-strip{height:auto;min-height:132px}}@media (max-height:820px) and (min-width:1101px){.dp-workstation{height:auto;min-height:900px}.dp-workstation .workstation-displays{flex:none;min-height:598px}}:root{--atlas-ink:#10264c;--atlas-blue:#087ef0;--atlas-blue-soft:#e8f4ff;--atlas-green:#16984a;--atlas-amber:#d79500;--atlas-red:#cf2629;--atlas-line:#c7d9e7;--atlas-line-strong:#a9c2d5;--atlas-surface:#fbfdff;--atlas-wash:#edf6fb}body{background:#eaf3f8}.dp-workstation{height:100vh;min-height:768px;color:var(--atlas-ink);background:linear-gradient(135deg,#f5fbff 0%,#e9f4fa 100%);gap:8px;padding:7px;font-family:Segoe UI,Arial,sans-serif}.dp-workstation :is(div,section,aside,header,footer,nav,button,select,input,summary,details,dl){border-radius:7px}.dp-workstation :is(button,select,input){border-color:var(--atlas-line-strong);color:var(--atlas-ink);background:#f7fbfe}.dp-workstation button:hover{background:#e8f4fd}.dp-workstation :is(button,input,select):focus-visible{outline-color:var(--atlas-blue)}.dp-workstation .header{border:1px solid var(--atlas-line);background:#fcfefff5;gap:18px;height:52px;min-height:52px;padding:0 12px;box-shadow:0 2px 8px #1641600f}.dp-workstation .brand{gap:13px;min-width:390px}.dp-workstation .brand strong{color:#10264c;letter-spacing:.3px;font-size:27px}.dp-workstation .brand strong em{color:var(--atlas-blue)}.dp-workstation .brand>span{color:#3a5370;letter-spacing:.2px;font-size:11px}.dp-workstation .header nav{align-self:stretch;gap:4px}.dp-workstation .header nav button{color:#6f819a;background:0 0;border-width:0 1px;border-color:#e0eaf1;border-radius:0;min-width:145px;padding:4px 14px;font-size:10px}.dp-workstation .header nav button svg{color:#71869a;width:17px;height:17px}.dp-workstation .header nav button[aria-current]{border:1px solid var(--atlas-blue);color:#076fcf;background:linear-gradient(#fff,#eaf5fd);border-radius:7px;box-shadow:0 2px 6px #0970cd1f}.dp-workstation .vessel-class{border:1px solid var(--atlas-line);background:#f8fcff;min-width:238px;padding:5px 13px}.dp-workstation .vessel-class svg{color:#143764}.dp-workstation .vessel-class span{color:#687d96;font-size:8px}.dp-workstation .vessel-class b{color:#1c304f;font-size:11px}.dp-workstation .operational-strip{background:0 0;border:0;grid-template-columns:1.02fr 1.18fr 1.42fr 1.12fr 1.04fr .76fr;gap:7px;height:145px;min-height:145px}.dp-workstation .operational-strip>.operational-instrument,.dp-workstation .operational-strip>.operational-instrument:nth-child(2n){border:1px solid var(--atlas-line);background:#fbfdfff5;border-radius:7px;padding:9px 16px;box-shadow:0 2px 7px #1944630d}.dp-workstation .operational-instrument h2{color:#152e59;letter-spacing:.15px;margin-bottom:5px;font-size:11px}.dp-workstation .operational-strip .instrument-value{color:#10244a;font:650 31px/1.05 Consolas,monospace}.dp-workstation .instrument-value small{color:#1e3150;font-size:14px}.dp-workstation .operational-instrument dt{color:#6e809a;font-size:8px}.dp-workstation .operational-instrument dd{color:#11284c;font-size:11px}.dp-workstation .deviation-body{grid-template-columns:minmax(0,1fr) 80px}.dp-workstation .deviation-body svg,.dp-workstation .heading-instrument-body svg{stroke:#91a8ba;width:80px;height:80px}.dp-workstation .heading-instrument-body svg .instrument-pointer{fill:#247347;stroke:#155936}.dp-workstation .heading-instrument-body dd{font-size:12px!important}.dp-workstation .heading-deviation-bar{background-color:#f7fafc;border-color:#c1d0dc;margin-left:86px}.dp-workstation .instrument-scale{background:repeating-linear-gradient(90deg,#a8bac9 0 1px,#0000 1px 10%);border-color:#a8bac9}.dp-workstation .rotation-centre-readout{background-color:#f9fcfe;border-color:#b9ccdb;border-radius:4px}.dp-workstation .power-instrument-body{grid-template-columns:minmax(0,1fr) 40px}.dp-workstation .power-column{height:92px;padding-left:15px}.dp-workstation .power-column-track{background:#f5f9fc;border-color:#9cb5c7;border-radius:3px;width:22px;height:88px}.dp-workstation .power-column-track i{background:#0581cc}.dp-workstation .environment-instrument dl{gap:11px;padding-top:5px;display:grid}.dp-workstation .environment-instrument dl>div{grid-template-columns:1fr;gap:2px;padding:0;display:grid}.dp-workstation .environment-instrument dt{align-items:center;gap:6px;font-size:19px;font-weight:700;display:flex}.dp-workstation .environment-instrument dt span{letter-spacing:.25px;font-size:9px}.dp-workstation .environment-instrument dd{padding-left:25px;font-size:10px}.dp-workstation .environment-instrument dd b{font-size:13px}.dp-workstation .environment-instrument .wind-reading :is(dt,dd b){color:#087ec7}.dp-workstation .environment-instrument .current-reading :is(dt,dd b){color:var(--atlas-red)}.dp-workstation .workstation-displays{flex:1;grid-template-columns:minmax(390px,34fr) minmax(500px,44fr) minmax(285px,22fr);gap:8px}.dp-workstation :is(.technical-view-container,.main-posplot,.teaching){border:1px solid var(--atlas-line);background:#fbfdfff7;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #1843620d}.dp-workstation .technical-view-selector,.dp-workstation .teaching .panel-heading,.dp-workstation .posplot-heading{border-color:var(--atlas-line);background:linear-gradient(90deg,#f5faff,#fbfdff);min-height:43px;padding:7px 12px}.dp-workstation .technical-view-selector label{color:#152f5a;font-size:12px;font-weight:700}.dp-workstation .technical-view-selector select{background:#fff;border-color:#b5cad9;border-radius:5px;font-size:13px}.dp-workstation .technical-view-body{background:#f7fbfd}.dp-workstation .main-posplot{background:#f9fcfe}.dp-workstation .posplot-heading strong{color:#142c54;font-size:14px}.dp-workstation .posplot-heading>span,.dp-workstation .posplot-settings{color:#607794}.dp-workstation .posplot-settings b{color:#183f70;background:#fff;border-color:#bed0dc;border-radius:4px}.dp-workstation .main-visual-area,.dp-workstation .zoom-viewport,.dp-workstation .technical-canvas [data-earth-frame=fixed]{fill:#fbfdff;background:#fbfdff}.dp-workstation .technical-canvas [data-range-rings=earth-fixed]{stroke:#aabccb}.dp-workstation .technical-canvas text,.dp-workstation svg text{fill:#263f62}.dp-workstation .posplot-environment{border-color:var(--atlas-line);background:#f4f9fc}.dp-workstation .environment-reading{color:#153052}.dp-workstation .environment-reading:first-child :is(strong,i){color:#087ec7}.dp-workstation .environment-reading:last-child :is(strong,i){color:var(--atlas-red)}.dp-workstation .posplot-readout,.dp-workstation .position-command{border-color:var(--atlas-line);color:#203956;background:#f2f8fc}.dp-workstation .position-command-row{border-color:var(--atlas-line);background:#f8fbfd}.dp-workstation .position-command-modes button[aria-pressed=true]{color:#076fcf;box-shadow:inset 0 -2px var(--atlas-blue);background:#e5f2fc}.dp-workstation .teaching{background:#f8fbfd}.dp-workstation .teaching .panel-heading{color:#142b50}.dp-workstation .teaching-body{color:#20334f;background:#fbfdff;padding:16px}.dp-workstation .eyebrow{color:#56708e;letter-spacing:.8px;font-size:10px}.dp-workstation .teaching-body h1{color:#132746;margin:8px 0 14px;font-size:19px;line-height:1.22}.dp-workstation .lesson-objective{color:#526782;background:#f7fbf9;border-left:3px solid #33966a;padding:8px 9px;font-size:11px;line-height:1.4}.dp-workstation .teaching-tabs{gap:5px}.dp-workstation .teaching-tabs button{color:#314a69;background:#f1f6fa;border:1px solid #d2e0ea;border-radius:6px 6px 0 0;font-size:9px}.dp-workstation .teaching-tabs button[aria-selected=true]{color:#0879dc;background:#e9f5ff;border-color:#1689ed;box-shadow:inset 0 2px #1689ed}.dp-workstation .teaching-copy{color:#233651;font-size:13px;line-height:1.55}.dp-workstation .teaching-callout{background:#f3f8fb;border-color:#c9dbe8;border-radius:6px;margin-top:auto;padding:11px}.dp-workstation .info-icon{color:#198443;border-color:#2c9c58}.dp-workstation .modern-thruster-main{background:#f7fbfd;flex-direction:column;flex:1;min-height:530px;display:flex}.dp-workstation .modern-thruster-main .thruster-operating-summary{border-color:var(--atlas-line);background:#f2f7fb;border-radius:0;gap:48px;min-height:34px;padding:5px 13px}.dp-workstation .modern-thruster-main .thruster-operating-summary dt{color:#657b95}.dp-workstation .modern-thruster-main .thruster-operating-summary dd{color:#17345e}.dp-workstation .modern-thruster-main .summary-menu{color:#41617f;margin-left:auto;font-weight:700}.dp-workstation .modern-thruster-field{background:radial-gradient(circle at 50% 48%,#fff 0,#f5fafd 72%,#eef6fa 100%);flex:1;min-height:390px;position:relative;overflow:hidden}.dp-workstation .modern-vessel-arrangement{width:100%;height:100%;position:absolute;inset:0}.dp-workstation .thruster-connectors path{fill:none;stroke:#b8ccda;stroke-width:1.2px;stroke-dasharray:5 5}.dp-workstation .vessel-shadow{fill:#718595;opacity:.16;transform:translate(4px,5px)}.dp-workstation .vessel-hull{fill:url(#modern-hull);stroke:#78909f;stroke-width:1.8px}.dp-workstation .vessel-centreline{fill:none;stroke:#93a7b4;stroke-width:1px;stroke-dasharray:5 4}.dp-workstation .vessel-rail{fill:none;stroke:#a8bac5;stroke-width:1.2px}.dp-workstation .vessel-bridge{fill:#dce6eb;stroke:#8196a3;stroke-width:1.1px}.dp-workstation .vessel-window{fill:#365766;stroke:#274654}.dp-workstation .vessel-deck{fill:url(#modern-deck);stroke:#536b78}.dp-workstation .vessel-deck-grid{fill:none;stroke:#9aadb6;stroke-width:.65px;opacity:.75}.dp-workstation .vessel-bow-mark{fill:#fff;stroke:#afbec7}.dp-workstation .vessel-fwd,.dp-workstation .vessel-aft{font-size:10px;font-weight:700;fill:#526978!important}.dp-workstation .vessel-thruster :is(rect,circle){fill:#158747;stroke:#075e32;stroke-width:1.5px}.dp-workstation .vessel-thruster path{fill:none;stroke:#fff;stroke-width:1.6px}.dp-workstation .vessel-thruster text{font-size:9px;font-weight:700;fill:#0b6c3a!important}.dp-workstation .vessel-thruster.unavailable :is(rect,circle){fill:#c73c3f;stroke:#962326}.dp-workstation .modern-thruster-card{z-index:2;background:#fcfefff2;border:1px solid #c9dce8;border-radius:8px;width:31%;min-height:128px;padding:8px 10px;position:absolute;box-shadow:0 3px 10px #1f4c6c12}.dp-workstation .modern-thruster-card.panel-bt1{top:5%;left:2.5%}.dp-workstation .modern-thruster-card.panel-bt2{top:5%;right:2.5%}.dp-workstation .modern-thruster-card.panel-az1{bottom:5%;left:2.5%}.dp-workstation .modern-thruster-card.panel-az2{bottom:5%;right:2.5%}.dp-workstation .modern-thruster-card>header{grid-template-columns:auto 1fr auto;align-items:baseline;gap:7px;margin-bottom:6px;display:grid}.dp-workstation .modern-thruster-card>header strong{color:#122d57;font-size:15px}.dp-workstation .modern-thruster-card>header span{color:#6b7e97;font-size:9px}.dp-workstation .modern-thruster-card>header b{background:var(--atlas-green);color:#fff;text-align:center;border-radius:3px;min-width:31px;padding:2px 7px;font-size:9px}.dp-workstation .modern-thruster-card.unavailable>header b{background:var(--atlas-red)}.dp-workstation .modern-tunnel-gauge{color:#52708a;grid-template-columns:14px 1fr 14px;align-items:center;gap:3px;height:29px;display:grid;position:relative}.dp-workstation .modern-tunnel-gauge em{background:linear-gradient(90deg,#edf3f6 49%,#8599a8 49% 51%,#edf3f6 51%);border:1px solid #a9bbc9;border-radius:1px;height:12px}.dp-workstation .modern-tunnel-gauge i{z-index:2;width:2px;height:14px;position:absolute;top:8px;transform:translate(-50%)}.dp-workstation .modern-tunnel-gauge .tunnel-command{background:#087fee}.dp-workstation .modern-tunnel-gauge .tunnel-feedback{background:#22a45a;border-radius:2px;width:6px;height:4px;top:20px}.dp-workstation .modern-azimuth-gauge{width:72px;height:72px;position:absolute;top:39px;right:9px}.dp-workstation .modern-azimuth-gauge svg{width:62px;height:62px}.dp-workstation .modern-azimuth-gauge circle{fill:#f5f9fb;stroke:#1b2d3e;stroke-width:2px}.dp-workstation .modern-azimuth-gauge rect{fill:#fff;stroke:#647987;stroke-width:1.2px}.dp-workstation .modern-azimuth-gauge .azimuth-port{fill:#0e82c7;stroke:none}.dp-workstation .modern-azimuth-gauge .azimuth-starboard{fill:#d34440;stroke:none}.dp-workstation .modern-azimuth-gauge .azimuth-axis{fill:none;stroke:#176fa4;stroke-width:2px}.dp-workstation .modern-azimuth-gauge>b{color:#183e6d;font:600 10px Consolas,monospace;position:absolute;bottom:0;right:0}.dp-workstation .modern-thruster-card dl{width:58%;margin:0}.dp-workstation .modern-thruster-card dl>div{justify-content:space-between;padding:1px 0;display:flex}.dp-workstation .modern-thruster-card dt{color:#66809d;font-size:9px}.dp-workstation .modern-thruster-card dd{color:#0b3970;margin:0;font:600 10px Consolas,monospace}.dp-workstation .modern-command-feedback{color:#74869b;border-top:1px solid #e1ebf1;gap:10px;margin-top:5px;padding-top:4px;font-size:8px;display:flex}.dp-workstation .modern-command-feedback b{color:#0876ca;font:600 9px Consolas,monospace}.dp-workstation .modern-resultant-section{border-top:1px solid var(--atlas-line);background:#f1f7fb;border-radius:0;flex:0 0 113px;grid-template-columns:.95fr 1.3fr;gap:18px;padding:8px 13px;display:grid}.dp-workstation .modern-resultant-section h3{color:#17345f;margin:0 0 5px;font-size:9px}.dp-workstation .modern-resultant-values dl{margin:0}.dp-workstation .modern-resultant-values dl>div{justify-content:space-between;padding:2px 0;display:flex}.dp-workstation .modern-resultant-values dt{color:#617792;font-size:9px}.dp-workstation .modern-resultant-values dd{color:#102f62;margin:0;font:700 12px Consolas,monospace}.dp-workstation .modern-contribution h3 small{color:#6f8298;font-weight:400}.dp-workstation .modern-contribution>div{grid-template-columns:30px 1fr 38px;align-items:center;gap:6px;min-height:18px;display:grid}.dp-workstation .modern-contribution>div>b{color:#223c5e;font-size:8px}.dp-workstation .modern-contribution>div>i{background:repeating-linear-gradient(90deg,#f5f9fb 0 calc(25% - 1px),#d7e3eb calc(25% - 1px) 25%);border:1px solid #c0d1dd;border-radius:2px;height:10px;overflow:hidden}.dp-workstation .modern-contribution>div>i span{background:linear-gradient(90deg,#1aa154,#48c478);min-width:3px;height:100%;display:block}.dp-workstation .modern-contribution>div>strong{color:#0d3d72;text-align:right;font:600 9px Consolas,monospace}.dp-workstation .workstation-bottom{grid-template-columns:minmax(590px,60fr) minmax(520px,40fr);gap:8px;min-height:78px}.dp-workstation :is(.compact-control-bar,.system-status-strip){border:1px solid var(--atlas-line);background:#f8fcfff7;border-radius:8px}.dp-workstation :is(.compact-control-bar,.system-status-strip) h2{color:#17335d}.dp-workstation .control-bar-actions>button,.dp-workstation .control-bar-actions [role=group] button{color:#244261;background:#f7fbfe;border-color:#bdd0de;border-radius:5px}.dp-workstation .control-bar-actions [role=group] button[aria-pressed=true]{border-color:var(--atlas-blue);color:#0872d2;background:#e7f4ff}.dp-workstation .modern-status-groups{grid-template-columns:1.12fr .8fr 1.15fr 1.2fr;display:grid}.dp-workstation .modern-status-groups button{text-align:left;background:0 0;border:0;border-left:1px solid #d6e3ec;border-radius:0;align-items:center;gap:9px;min-width:0;padding:5px 12px;display:flex}.dp-workstation .modern-status-groups button:first-child{border-left:0}.dp-workstation .modern-status-groups button span{flex-direction:column;gap:2px;display:flex}.dp-workstation .modern-status-groups button small{color:#6a7f98;font-size:8px}.dp-workstation .modern-status-groups button b{color:#18375f;white-space:nowrap;font:600 9px Consolas,monospace}.dp-workstation .status-dot{background:#9badb8;border-radius:50%;flex:0 0 11px;width:11px;height:11px}.dp-workstation .status-dot.healthy{background:var(--atlas-green);box-shadow:0 0 0 3px #e3f4e9}.dp-workstation .status-dot.caution{background:var(--atlas-amber)}.dp-workstation .lesson-footer{border-color:var(--atlas-line);background:#f4f9fc;border-radius:6px;min-height:27px}@media (max-width:1450px){.dp-workstation{gap:4px;padding:4px}.dp-workstation .header{gap:8px;height:44px;min-height:44px}.dp-workstation .brand{min-width:245px}.dp-workstation .brand strong{font-size:22px}.dp-workstation .brand>span{font-size:7px}.dp-workstation .header nav button{min-width:105px;padding:3px 5px;font-size:8px}.dp-workstation .vessel-class{min-width:175px}.dp-workstation .operational-strip{gap:4px;height:132px;min-height:132px}.dp-workstation .operational-strip>.operational-instrument{padding:6px 8px}.dp-workstation .operational-strip .instrument-value{font-size:25px}.dp-workstation .deviation-body{grid-template-columns:minmax(0,1fr) 68px}.dp-workstation .deviation-body svg,.dp-workstation .heading-instrument-body svg{width:68px;height:68px}.dp-workstation .heading-deviation-bar{margin-left:74px}.dp-workstation .environment-instrument dt{font-size:15px}.dp-workstation .workstation-displays{grid-template-columns:minmax(330px,34fr) minmax(420px,44fr) minmax(265px,22fr);gap:4px}.dp-workstation .modern-thruster-card{width:33%;padding:6px}.dp-workstation .modern-thruster-card>header span{display:none}.dp-workstation .modern-thruster-card dl{width:55%}.dp-workstation .modern-azimuth-gauge{right:3px}.dp-workstation .modern-resultant-section{gap:9px;padding-left:8px;padding-right:8px}.dp-workstation .workstation-bottom{grid-template-columns:minmax(480px,55fr) minmax(480px,45fr);gap:4px}.dp-workstation .modern-status-groups button{gap:5px;padding:4px 6px}}.dp-workstation .integrated-thruster-field{min-height:425px}.dp-workstation .integrated-indicators{width:100%;height:102%;inset:-1% 0}.dp-workstation .integrated-indicators .vessel-shadow{fill:#65819a;opacity:.12;transform:translate(5px,6px)}.dp-workstation .integrated-indicators .vessel-hull{fill:#edf3f6;stroke:#718b9e;stroke-width:1.6px}.dp-workstation .posplot-vessel-outline{fill:#edf3f6;stroke:#18364d;stroke-width:2.2px;vector-effect:non-scaling-stroke}.dp-workstation .integrated-indicators .integrated-thruster{pointer-events:none}.dp-workstation .integrated-indicators .integrated-name{letter-spacing:.4px;font-size:13px;font-weight:750;fill:#17345d!important}.dp-workstation .integrated-indicators .integrated-status{fill:var(--atlas-green);stroke:#08743a;stroke-width:.8px}.dp-workstation .integrated-indicators .integrated-status-text{font-size:8px;font-weight:700;fill:#fff!important}.dp-workstation .integrated-indicators .integrated-thruster.unavailable .integrated-status{fill:var(--atlas-red);stroke:#9d2023}.dp-workstation .integrated-indicators .tunnel-track{fill:#f8fbfd;stroke:#7894a7;stroke-width:1.2px}.dp-workstation .integrated-indicators .tunnel-zero{stroke:#7a8f9f;stroke-width:1px}.dp-workstation .integrated-indicators .tunnel-live-bar{fill:#1485d0;stroke:none}.dp-workstation .integrated-indicators .tunnel-port-arrow,.dp-workstation .integrated-indicators .tunnel-stbd-arrow{fill:none;stroke:#56758d;stroke-width:1.4px}.dp-workstation .integrated-indicators .integrated-load{font:700 11px Consolas,monospace;fill:#0c4f82!important}.dp-workstation .integrated-indicators .azimuth-ring{fill:#f7fbfd;stroke:#20435c;stroke-width:1.7px}.dp-workstation .integrated-indicators .azimuth-body{fill:#fff;stroke:#637d8d;stroke-width:1.1px}.dp-workstation .integrated-indicators .azimuth-head{fill:#1384c6;stroke:none}.dp-workstation .integrated-indicators .azimuth-axis{fill:none;stroke:#0b6fa8;stroke-width:1.8px}.dp-workstation .integrated-indicators .azimuth-load{font:700 10px Consolas,monospace;fill:#0c4f82!important}.dp-workstation .integrated-indicators .azimuth-angle{font:600 8px Consolas,monospace;fill:#536d84!important}.dp-workstation .integrated-thruster-main .modern-resultant-section{flex-basis:113px}@media (max-width:1450px){.dp-workstation .integrated-thruster-field{min-height:385px}.dp-workstation .integrated-indicators{width:100%;height:102%;inset:-1% 0}}
.dp-workstation .workstation-bottom{grid-template-columns:minmax(300px,24fr) minmax(440px,38fr) minmax(420px,38fr)}@media (max-width:1450px){.dp-workstation .workstation-bottom{grid-template-columns:minmax(290px,24fr) minmax(400px,38fr) minmax(380px,38fr)}}@media (max-width:1100px){.dp-workstation .workstation-bottom{grid-template-columns:1fr}}.dp-workstation .operator-panel{border:1px solid var(--atlas-line);color:#dce6ee;background:#26313a;border-radius:8px;flex-direction:column;gap:5px;min-width:0;padding:7px 11px;display:flex}.dp-workstation .operator-panel h2{color:#9fb7c9;letter-spacing:.4px;margin:0;font-size:10px;font-weight:600}.dp-workstation .operator-panel h2 small{float:right;color:#7891a5;font-size:8px}.dp-workstation .panel-groups{gap:12px;display:flex}.dp-workstation .panel-group{flex:1.4;grid-auto-columns:1fr;grid-auto-flow:column;gap:5px;display:grid}.dp-workstation .panel-group.axes{border-left:1px solid #43525e;border-radius:0;flex:1;padding-left:12px}.dp-workstation .panel-button{color:#f2f6f9;letter-spacing:.3px;cursor:pointer;background:linear-gradient(#4a5762,#36424c);border:1px solid #0e1418;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:34px;padding:3px 3px 7px;font:700 9px/1.05 Segoe UI,Arial,sans-serif;display:flex;position:relative}.dp-workstation .panel-button:hover{background:linear-gradient(#56646f,#3e4b56)}.dp-workstation .panel-button[aria-pressed=true]{color:#fff;background:linear-gradient(#4a5762,#36424c);border-color:#0e1418}.dp-workstation .panel-button.double-press:after{content:"";background:#f4f7f9;border-radius:1px;height:2px;position:absolute;bottom:3px;left:8px;right:8px}.dp-workstation .panel-lamp{background:#1b2329;border-radius:2px;width:16px;height:5px;box-shadow:inset 0 0 0 1px #10161a}.dp-workstation .panel-lamp.lit{background:#5fe08a;box-shadow:0 0 6px #5fe08a}.dp-workstation .panel-button.armed{border-color:#ffd166}.dp-workstation .panel-button.armed .panel-lamp{background:#ffd166;animation:.5s steps(2,end) infinite panel-armed}.dp-workstation .panel-button small{color:#26313a;background:#ffd166;border-radius:3px;padding:0 4px;font-size:7px;position:absolute;top:-7px}@keyframes panel-armed{to{opacity:.2}}@media (prefers-reduced-motion:reduce){.dp-workstation .panel-button.armed .panel-lamp{animation:none}}.dp-workstation .panel-status-line{color:#c9d8e2;white-space:nowrap;text-overflow:ellipsis;background:#172027;border-radius:3px;margin:0;padding:2px 6px;font:500 10px Consolas,monospace;overflow:hidden}.dp-workstation .kpos-status-bar .modern-status-groups{grid-template-columns:1.25fr 1.35fr .7fr .8fr 1.2fr}.dp-workstation .axis-symbol{flex:0 0 26px;width:26px;height:26px}.dp-workstation .axis-symbol path{fill:none;stroke:#c3cfd8;stroke-width:3px;stroke-linecap:round}.dp-workstation .axis-symbol path.on{stroke:var(--atlas-green)}.dp-workstation .joystick-view{flex-direction:column;gap:10px;padding:10px 12px;display:flex}.dp-workstation .joystick-mode-banner{border:1px solid var(--atlas-line);color:#5b6f86;background:#f1f5f8;border-radius:5px;margin:0;padding:5px 8px;font-size:10px;font-weight:600}.dp-workstation .joystick-mode-banner.active{color:#17663a;background:#eaf8ef;border-color:#9fd5b3}.dp-workstation .joystick-controls{grid-template-columns:minmax(160px,220px) 1fr;align-items:center;gap:14px;display:grid}.dp-workstation .joystick-pad{aspect-ratio:1;touch-action:none;cursor:grab;width:100%}.dp-workstation .joystick-pad:focus-visible{outline:2px solid var(--atlas-blue);outline-offset:2px;border-radius:50%}.dp-workstation .joystick-pad .pad-limit{fill:#f4f8fb;stroke:#9fb6c8;stroke-width:2px}.dp-workstation .joystick-pad .pad-half{fill:none;stroke:#cfdbe5;stroke-dasharray:3 4}.dp-workstation .joystick-pad .pad-axis{stroke:#c4d3df}.dp-workstation .joystick-pad text{fill:#6b8098;font-size:9px;font-weight:600}.dp-workstation .joystick-pad .pad-stem{stroke:#46627d;stroke-width:5px;stroke-linecap:round}.dp-workstation .joystick-pad .pad-knob{fill:#2d3d4b;stroke:#10202d;stroke-width:2px}.dp-workstation .joystick-pad .pad-knob-mark{stroke:#ffd166;stroke-width:3px;stroke-linecap:round}.dp-workstation [data-joystick-active=false] .joystick-pad{opacity:.55}.dp-workstation .joystick-side{flex-direction:column;gap:9px;min-width:0;display:flex}.dp-workstation .joystick-yaw{color:#33506f;flex-direction:column;gap:3px;font-size:10px;font-weight:600;display:flex}.dp-workstation .joystick-yaw small{color:#7d8fa3;font-weight:400}.dp-workstation .joystick-yaw input{width:100%}.dp-workstation .yaw-scale{color:#7d8fa3;justify-content:space-between;font-size:8px;font-weight:400;display:flex}.dp-workstation .yaw-scale i{font-style:normal}.dp-workstation .joystick-side button{align-self:flex-start;padding:4px 10px;font-size:10px}.dp-workstation .joystick-values{grid-template-columns:repeat(3,1fr);gap:4px;margin:0;display:grid}.dp-workstation .joystick-values div{border:1px solid var(--atlas-line);background:#fbfdff;border-radius:4px;padding:3px 5px}.dp-workstation .joystick-values dt{color:#6a7f98;font-size:8px}.dp-workstation .joystick-values dd{color:#102f62;margin:0;font:700 12px Consolas,monospace}.dp-workstation .joystick-response{border-collapse:collapse;width:100%;font-size:10px}.dp-workstation .joystick-response th,.dp-workstation .joystick-response td{text-align:left;border-bottom:1px solid #e1eaf1;padding:4px 5px}.dp-workstation .joystick-response thead th{color:#6a7f98;font-size:8px;font-weight:600}.dp-workstation .joystick-response td:nth-child(n+4){text-align:right;white-space:nowrap;font-family:Consolas,monospace}.dp-workstation .joystick-response td.auto{color:var(--atlas-green);font-weight:700}.dp-workstation .joystick-response td.manual{color:#8a5a00;font-weight:700}.dp-workstation .response-track{background:linear-gradient(90deg,#0000 calc(50% - .5px),#93a9bb calc(50% - .5px) calc(50% + .5px),#0000 calc(50% + .5px)),#f6f9fb;border:1px solid #c7d6e2;border-radius:3px;min-width:90px;height:14px;display:block;position:relative}.dp-workstation .response-track i{border-radius:1px;height:5px;position:absolute}.dp-workstation .response-track i.sp{background:#087ef0;top:1px}.dp-workstation .response-track i.fb{background:#16984a;bottom:1px}.dp-workstation .posplot-mode-note{color:#7a5600;background:#fff9ea;border:1px dashed #d9b766;border-radius:5px;margin:0;padding:4px 8px;font-size:10px}