*{box-sizing:border-box}
body{margin:0;font:14px/1.5 -apple-system,Segoe UI,Arial,sans-serif;background:#0f1420;color:#e8ecf4;overflow:hidden}
#app{position:fixed;inset:0}
#hud{position:fixed;top:0;left:0;right:0;padding:14px 18px;display:flex;gap:14px;align-items:center;
     background:linear-gradient(#0f1420ee,#0f142000);pointer-events:none;flex-wrap:wrap;z-index:8}
#hud h1{margin:0;font-size:16px;font-weight:700}
#hud .sub{color:#8b97ad;font-size:12px}
.btns{margin-left:auto;display:flex;gap:8px;pointer-events:auto;flex-wrap:wrap}
button{background:#1c2435;color:#cfd8e8;border:1px solid #2c3752;border-radius:8px;padding:7px 12px;font:600 12px inherit;cursor:pointer}
button:hover{background:#243050}
button.on{background:#305496;border-color:#4a6fbf;color:#fff}
#stats{position:fixed;left:16px;top:72px;background:#161d2be6;border:1px solid #2c3752;border-radius:12px;
       padding:12px 14px;font-size:12px;backdrop-filter:blur(8px);line-height:1.7;z-index:5}
#stats b{color:#fff;font-size:15px}
#panel{position:fixed;left:16px;top:180px;width:312px;max-height:calc(100vh - 260px);overflow:auto;
       background:#161d2be6;border:1px solid #2c3752;border-radius:12px;padding:14px;backdrop-filter:blur(8px);display:none;z-index:5}
#panel h2{margin:0 0 2px;font-size:20px}
#panel .meta{color:#8b97ad;font-size:12px;margin-bottom:10px}
.lvl{margin:10px 0 4px;font-weight:700;font-size:12px;color:#7fa7ff;text-transform:uppercase;letter-spacing:.6px}
.row{padding:6px 8px;background:#1c2435;border-radius:7px;margin-bottom:5px}
.row .a{font-weight:700;font-size:12px;color:#fff}
.row .b{font-size:11px;color:#9aa8c0;line-height:1.35}
.empty{color:#6b7689;font-size:12px;font-style:italic}
#legend{position:fixed;left:346px;bottom:16px;background:#161d2be6;border:1px solid #2c3752;border-radius:12px;
        padding:12px 14px;font-size:12px;backdrop-filter:blur(8px);z-index:5}
#legend div{display:flex;align-items:center;gap:8px;margin:4px 0}
.sw{width:14px;height:14px;border-radius:3px;display:inline-block}
.th{width:38px;height:38px;border-radius:5px;object-fit:cover;background:#fff;display:block;flex:none}
.th.ph{background:#232c40;display:flex;align-items:center;justify-content:center;font-size:9px;color:#5f6b84;font-weight:700;text-align:center;line-height:1.1}
.row{display:flex;gap:9px;align-items:flex-start}
.row .txt{flex:1;min-width:0}
#tip .tipimg{width:96px;height:96px;object-fit:cover;border-radius:6px;background:#fff;margin-bottom:6px;display:block}
#tasks{position:fixed;right:0;top:0;bottom:0;width:390px;background:#131a27f2;border-left:1px solid #2c3752;
       padding:70px 14px 16px;overflow:auto;backdrop-filter:blur(10px);display:none;z-index:6}
#tasks h2{margin:0 0 3px;font-size:15px}
#tasks .sub{color:#8b97ad;font-size:12px;margin-bottom:10px}
.bar{height:7px;background:#222c40;border-radius:4px;overflow:hidden;margin:8px 0 14px}
.bar i{display:block;height:100%;background:linear-gradient(90deg,#2ecc9b,#4f8bff)}
.task{background:#1a2233;border:1px solid #2a3348;border-radius:10px;margin-bottom:9px;overflow:hidden}
.task.done{opacity:.45}
.task .hd{padding:9px 11px;cursor:pointer;display:flex;gap:8px;align-items:center}
.task .hd .nm{font-weight:700;font-size:13px;color:#fff;flex:1}
.pill{font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;background:#2b3550;color:#9fb6e5}
.pill.p1{background:#5a2b18;color:#ffb374}
.pill.pB{background:#4d1230;color:#ff9ec2}
.warn{margin:9px 0 0;padding:8px 9px;background:#2a1220;border:1px solid #5d2340;border-radius:8px;font-size:11px;color:#ffc4da;line-height:1.45}
.task .bd{display:none;padding:0 11px 11px}
.task.open .bd{display:block}
.task .nz{font-size:11px;color:#8b97ad;margin:7px 0}
.lbl{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:#7f8da8;margin:9px 0 4px}
select,textarea{width:100%;background:#0f1623;color:#dbe4f5;border:1px solid #2f3a55;border-radius:7px;padding:6px 8px;font:12px inherit}
.src{display:flex;align-items:center;gap:8px;padding:5px 7px;background:#141c2c;border-radius:6px;margin-bottom:4px;font-size:12px;cursor:pointer}
.src input{width:auto}
.src.ok span{text-decoration:line-through;color:#6b7689}
.mini{background:#212b40;border:1px solid #33405e;border-radius:6px;padding:5px 9px;font:600 11px inherit;color:#cfd8e8;cursor:pointer;margin:0 6px 6px 0}
#planer{position:fixed;right:0;top:0;bottom:0;width:400px;background:#131a27f2;border-left:1px solid #2c3752;
       padding:70px 14px 16px;overflow:auto;backdrop-filter:blur(10px);display:none;z-index:7}
#planer h2{margin:0 0 3px;font-size:15px}
.pstep{background:#1a2233;border:1px solid #2a3348;border-radius:10px;padding:10px 12px;margin-bottom:8px;font-size:12px}
.pstep.done{opacity:.45}
.pstep .hd2{display:flex;gap:8px;align-items:center;margin-bottom:5px}
.pstep .nr{width:22px;height:22px;border-radius:50%;background:#2f6bd6;color:#fff;font-weight:700;
       display:flex;align-items:center;justify-content:center;font-size:11px;flex:none}
.pstep .ad{font-family:ui-monospace,monospace;font-weight:700;color:#fff;font-size:13px}
.pstep .ops{display:flex;gap:5px;margin-top:7px;flex-wrap:wrap}
.pstep button{background:#212b40;border:1px solid #33405e;border-radius:6px;padding:4px 8px;font:600 11px inherit;color:#cfd8e8;cursor:pointer}
.sel{background:#16324a;border:1px solid #4a6fbf;border-radius:10px;padding:11px 13px;margin-bottom:10px;font-size:12px}
.sel b{color:#8fc7ff}
#trasy{position:fixed;right:0;top:0;bottom:0;width:400px;background:#131a27f2;border-left:1px solid #2c3752;
       padding:70px 14px 16px;overflow:auto;backdrop-filter:blur(10px);display:none;z-index:7}
#trasy h2{margin:0 0 3px;font-size:15px}
.zam{background:#1a2233;border:1px solid #2a3348;border-radius:10px;padding:10px 12px;margin-bottom:8px;font-size:12px;cursor:pointer}
.zam:hover{background:#1f2a3f}
.zam.akt{border-color:#4a6fbf;background:#1b2a49}
.zam .z1{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:#fff}
.zam .z2{color:#93a0b8;font-size:11px;margin-top:4px;line-height:1.5}
.zam .dl{font-family:ui-monospace,monospace;font-size:11px}
.lepsza{color:#5fe0a8}.gorsza{color:#ff9ec2}
.sumbox{background:#16233a;border:1px solid #2c4a7a;border-radius:10px;padding:12px;margin-bottom:12px;font-size:12px;line-height:1.7}
.sumbox b{color:#fff;font-size:16px}
#edyt{position:fixed;right:0;top:0;bottom:0;width:360px;background:#131a27f2;border-left:1px solid #2c3752;
       padding:70px 14px 16px;overflow:auto;backdrop-filter:blur(10px);display:none;z-index:7}
#edyt h2{margin:0 0 3px;font-size:15px}
.ebox{background:#1a2233;border:1px solid #2a3348;border-radius:10px;padding:11px 13px;margin-bottom:9px;font-size:12px}
.ebox b{color:#fff}
.egrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}
.egrid button{padding:7px 0;font-size:12px}
.erow{display:flex;gap:6px;align-items:center;margin-top:7px}
.erow label{font-size:10px;text-transform:uppercase;color:#7f8da8;width:52px}
.erow input,.erow select{flex:1;background:#0d1421;color:#e6edfa;border:1px solid #303b58;border-radius:7px;padding:6px 8px;font:600 13px inherit}
.elist{max-height:230px;overflow:auto;margin-top:8px}
.eitem{padding:6px 8px;background:#141c2c;border-radius:6px;margin-bottom:4px;cursor:pointer;font-size:11px;display:flex;justify-content:space-between}
.eitem:hover{background:#1c2740}
.eitem.on{background:#1b3a5a;color:#fff}
#plac{position:fixed;right:0;top:0;bottom:0;width:390px;background:#131a27f2;border-left:1px solid #2c3752;
       padding:70px 14px 16px;overflow:auto;backdrop-filter:blur(10px);display:none;z-index:7}
#plac h2{margin:0 0 3px;font-size:15px}
.grupa{display:flex;gap:10px;align-items:center;background:#1a2233;border:1px solid #2a3348;border-radius:11px;
       padding:9px 11px;margin-bottom:7px;cursor:pointer;font-size:12px}
.grupa:hover{background:#1f2a3f}
.grupa.on{border-color:#4a6fbf;background:#1b2a49}
.grupa.zrob{opacity:.45}
.grupa img,.grupa .ph3{width:42px;height:42px;border-radius:7px;object-fit:cover;background:#fff;flex:none}
.grupa .ph3{background:#232d42;display:flex;align-items:center;justify-content:center;font:700 9px inherit;color:#5f6b84}
.grupa .t3{flex:1;min-width:0}
.grupa .s3{font-weight:700;color:#fff}
.grupa .n3{font-size:11px;color:#93a0b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.grupa .l3{text-align:right;font-size:11px;color:#8b97ad;flex:none}
.grupa .l3 b{display:block;font-size:16px;color:#fff}
#cross{position:fixed;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;pointer-events:none;
       display:none;z-index:8}
#cross:before,#cross:after{content:'';position:absolute;background:#e8ecf4cc}
#cross:before{left:10px;top:0;width:2px;height:22px}
#cross:after{top:10px;left:0;height:2px;width:22px}
#walkhud{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);background:#0f1420e8;border:1px solid #2c3752;
       border-radius:12px;padding:12px 16px;display:none;z-index:8;max-width:520px;backdrop-filter:blur(8px)}
#walkhud .wl{display:flex;gap:11px;align-items:center}
#walkhud .wa{font-family:ui-monospace,monospace;font-weight:700;color:#fff;font-size:15px}
#walkhud .wn{font-size:12px;color:#a8b4ca;line-height:1.35}
#walkhud .keys{font-size:11px;color:#7f8da8;margin-top:8px;text-align:center}
#ekw{position:fixed;left:50%;bottom:96px;transform:translateX(-50%);display:none;gap:8px;z-index:8}
#ekw .sl{background:#0f1420d8;border:1px solid #2c3752;border-radius:10px;padding:7px 12px;min-width:104px;
       text-align:center;font-size:11px;color:#93a0b8;backdrop-filter:blur(6px)}
#ekw .sl b{display:block;font-size:12px;color:#cfd8e8;margin-top:2px}
#ekw .sl.on{border-color:#4a6fbf;background:#1b2a49e8}
#ekw .sl.on b{color:#fff}
#ekw .sl .nr2{font-weight:700;color:#5f6b84}
#spisBox{position:fixed;inset:0;background:#0b0f18d8;z-index:30;display:none;align-items:center;justify-content:center;padding:20px}
#spisBox .sbx{background:#141b2b;border:1px solid #2c3752;border-radius:14px;padding:18px;max-width:560px;width:100%}
#spisBox h3{margin:0 0 6px;font-size:15px}
#spisBox p{margin:0 0 12px;color:#93a0b8;font-size:12px}
#spisBox textarea{width:100%;height:170px;background:#0d1421;border:1px solid #303b58;border-radius:9px;
  color:#dbe4f5;font:12px ui-monospace,monospace;padding:9px;resize:vertical}
#spisBox .sbtn{display:flex;gap:8px;align-items:center;margin:10px 0}
#spisBox button{background:#212b40;border:1px solid #33405e;border-radius:8px;padding:9px 14px;font:600 13px inherit;color:#cfd8e8;cursor:pointer}
#spisBox button.pri2{background:#2f6bd6;border-color:#4d86e8;color:#fff}
#spisBox #spisInfo{font-size:12px;color:#8fe0bd}


#logbox{position:fixed;right:0;top:0;bottom:0;width:360px;background:#131a27f2;border-left:1px solid #2c3752;
  padding:70px 14px 16px;overflow:auto;backdrop-filter:blur(10px);display:none;z-index:8}
#logbox h2{margin:0 0 3px;font-size:15px}
.lg{background:#1a2233;border:1px solid #2a3348;border-radius:10px;padding:9px 11px;margin-bottom:6px;font-size:12px}
.lg.cof{opacity:.45;text-decoration:line-through}
.lg .lh{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.lg .lt{font-weight:700;color:#fff}
.lg .lc{font-size:10px;color:#6f7c92;font-family:ui-monospace,monospace}
.lg .ld{color:#93a0b8;font-size:11px;margin-top:3px;line-height:1.45}
.lg button{margin-top:7px;background:#212b40;border:1px solid #33405e;border-radius:7px;padding:5px 10px;
  font:600 11px inherit;color:#cfd8e8;cursor:pointer}
.cofinfo{background:#16233a;border:1px solid #2c4a7a;border-radius:10px;padding:10px;margin-bottom:10px;
  font-size:12px;color:#cfe0ff}

#bazabox{position:fixed;right:0;top:0;bottom:0;width:400px;background:#131a27f2;border-left:1px solid #2c3752;
  padding:70px 14px 16px;overflow:auto;backdrop-filter:blur(10px);display:none;z-index:8}
#bazabox h2{margin:0 0 3px;font-size:15px}
#bazabox .sz{width:100%;background:#0d1421;border:1px solid #303b58;border-radius:9px;color:#fff;
  font:600 14px inherit;padding:9px;margin:8px 0}
.pz2{display:flex;gap:9px;align-items:center;background:#1a2233;border:1px solid #2a3348;border-radius:10px;
  padding:8px 10px;margin-bottom:6px;cursor:pointer;font-size:12px}
.pz2:hover{background:#1f2a3f}
.pz2.on{border-color:#4a6fbf;background:#1b2a49}
.pz2 img,.pz2 .ph5{width:40px;height:40px;border-radius:7px;object-fit:cover;background:#fff;flex:none}
.pz2 .ph5{background:#232d42;display:flex;align-items:center;justify-content:center;font:700 9px inherit;color:#5f6b84}
.pz2 .t5{flex:1;min-width:0}
.pz2 .s5{font-weight:700;color:#fff}
.pz2 .n5{font-size:11px;color:#93a0b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pz2 .k5{font:700 10px inherit;padding:2px 7px;border-radius:10px;background:#2b3550;color:#9fb6e5;flex:none}
.pz2 .k5.gab{background:#4a1f36;color:#ff9ec2}
.edyt2{background:#16233a;border:1px solid #2c4a7a;border-radius:11px;padding:12px;margin-bottom:10px}
.edyt2 .rz{display:flex;gap:8px;margin-top:8px}
.edyt2 .po{flex:1}
.edyt2 label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.4px;color:#7f8da8;margin-bottom:3px}
.edyt2 input,.edyt2 select{width:100%;background:#0d1421;border:1px solid #303b58;border-radius:8px;color:#fff;
  font:600 13px inherit;padding:7px}
.edyt2 .info2{font-size:11px;color:#8fb4ff;margin-top:8px;line-height:1.5}
.edyt2 .bt{display:flex;gap:6px;margin-top:10px}
.edyt2 .bt button{flex:1;padding:9px;border-radius:8px;border:1px solid #2e3a56;background:#1d2637;color:#d3dcec;
  font:700 12px inherit;cursor:pointer}
.edyt2 .bt .zap{background:#2f6bd6;border-color:#4d86e8;color:#fff}

#inw{position:fixed;right:14px;top:74px;width:340px;max-height:calc(100vh - 110px);overflow:auto;
  background:#141b2be8;border:1px solid #2c3752;border-radius:14px;padding:14px;backdrop-filter:blur(10px);
  display:none;z-index:9}
#inw h4{margin:0;font:800 23px ui-monospace,monospace;letter-spacing:1px}
#inw .m6{color:#8b97ad;font-size:11px;margin:2px 0 10px}
#inw .we2{display:flex;gap:8px;align-items:center;background:#1a2233;border:1px solid #2a3348;
  border-radius:10px;padding:8px;margin-bottom:6px}
#inw .we2 img,#inw .we2 .ph6{width:38px;height:38px;border-radius:6px;object-fit:cover;background:#fff;flex:none}
#inw .we2 .ph6{background:#232d42;display:flex;align-items:center;justify-content:center;font:700 9px inherit;color:#5f6b84}
#inw .we2 .t6{flex:1;min-width:0}
#inw .we2 .s6{font-weight:700;font-size:13px;color:#fff}
#inw .we2 .n6{font-size:10px;color:#93a0b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#inw .q6{display:flex;gap:4px;align-items:center}
#inw .q6 button{width:27px;height:27px;border-radius:7px;border:1px solid #2e3a56;background:#212b40;color:#cfd8e8;font:700 15px inherit;cursor:pointer}
#inw .q6 input{width:48px;text-align:center;background:#0d1421;border:1px solid #303b58;border-radius:7px;color:#fff;font:700 13px inherit;padding:5px 0}
#inw .x6{width:27px;height:27px;border-radius:7px;border:1px solid #5d2340;background:#2a1220;color:#ff9ec2;font:700 13px inherit;cursor:pointer}
#inw .ak{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
#inw .ak button{flex:1;min-width:80px;padding:9px 6px;border-radius:9px;border:1px solid #2e3a56;
  background:#1d2637;color:#d3dcec;font:700 12px inherit;cursor:pointer}
#inw .ak .p1{background:#2f6bd6;border-color:#4d86e8;color:#fff}
#inw .ak .p2{background:#1f7a5a;border-color:#2b9e75;color:#fff}
#inw .szuk{margin-top:9px;display:none}
#inw .szuk input{width:100%;background:#0d1421;border:1px solid #303b58;border-radius:9px;color:#fff;font:600 14px inherit;padding:9px}
#inw .wy2{max-height:190px;overflow:auto;margin-top:6px}
#inw .wy2 div{padding:7px 8px;background:#141c2c;border-radius:7px;margin-bottom:4px;cursor:pointer;font-size:12px}
#inw .wy2 b{color:#fff}
#inw textarea{width:100%;margin-top:9px;background:#0d1421;border:1px solid #303b58;border-radius:9px;
  color:#e6edfa;font:500 12px inherit;padding:8px;min-height:44px;resize:vertical}
#inw .prod{background:#16233a;border:1px solid #2c4a7a;border-radius:10px;padding:10px;margin-top:9px;font-size:11px;color:#cfe0ff}
#inw .prod .rz2{display:flex;gap:6px;margin-top:6px}
#inw .prod input,#inw .prod select{width:100%;background:#0d1421;border:1px solid #303b58;border-radius:7px;
  color:#fff;font:600 12px inherit;padding:6px}
#inw .prod label{display:block;font-size:9px;text-transform:uppercase;color:#7f8da8;margin-bottom:2px}

.zad{background:#16233a;border:1px solid #2c4a7a;border-radius:11px;padding:11px 12px;margin-bottom:10px;cursor:pointer}
.zad:hover{background:#1a2a46}
.zad .zt{font-weight:800;color:#fff;font-size:13px}
.zad .zo{color:#93a0b8;font-size:11px;margin-top:3px;line-height:1.5}
.zad.rozw{cursor:default}
.gr2{background:#1a2233;border:1px solid #2a3348;border-radius:9px;padding:8px 10px;margin-bottom:5px;font-size:11px}
.gr2 .gs{font-weight:700;color:#fff;font-size:12px}
.gr2 .gl{color:#8b97ad;font-family:ui-monospace,monospace;font-size:10px;margin-top:3px;line-height:1.6}
.gr2 .gp{font-size:10px;color:#8fe0bd}
#tip{position:fixed;pointer-events:none;background:#0b0f18ee;border:1px solid #38456a;border-radius:6px;padding:5px 9px;font-size:12px;display:none;z-index:9}
:root{--hud-height:120px}
#hud{background:#111a2bf5;gap:8px;padding:10px 14px;align-items:flex-start}
#hud .btns{margin-left:0;width:100%;gap:6px}
.navgroup{display:flex;gap:5px;align-items:center;border-right:1px solid #35435b;padding-right:9px;flex-wrap:wrap}
.navgroup>span{color:#9db4d2;font-size:11px;width:100%}
#stats{top:calc(var(--hud-height) + 10px)}
#panel{top:calc(var(--hud-height) + 115px);max-height:calc(100dvh - var(--hud-height) - 145px)}
#planer,#trasy,#edyt,#logbox,#bazabox{top:var(--hud-height);padding-top:16px;width:min(400px,100vw);z-index:12}
#inw{top:calc(var(--hud-height) + 8px);max-height:calc(100dvh - var(--hud-height) - 24px);width:min(380px,calc(100vw - 28px));z-index:13}
#legend{left:16px;bottom:12px;max-width:calc(100vw - 32px)}
#locationSearch{background:#0d1421;border:1px solid #526683;color:white;padding:8px;border-radius:7px;min-width:170px}
#saveStatus{font-size:11px;color:#9ee2bb;margin-left:auto;pointer-events:auto}
.closePanel{float:right;padding:5px 10px}.locationNav{display:flex;gap:6px;margin:8px 0}.locationNav button{flex:1}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}
.teamplan{margin-top:14px}.teamplan h3{font-size:14px}.teamlegend{font-size:11px;color:#a9bad1;margin:8px 0;padding:8px;background:#111b2e;border-radius:8px}.teamwave{font-weight:800;color:#8fb4ff;margin:10px 0 4px}.teamstep{border-left:4px solid;padding:7px 9px;background:#1a2233;margin-bottom:4px;border-radius:7px;font-size:11px}.teamstep.p1{border-color:#f0a030}.teamstep.p2{border-color:#4f8bff}.teamstep span{color:#93a0b8}
.planmodes,.rolepick{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:7px 0}.rolepick span{font-size:11px;color:#aebdd1;margin-right:3px}
#volbox{position:fixed;right:0;top:var(--hud-height);bottom:0;width:min(430px,100vw);background:#131a27f2;border-left:1px solid #2c3752;padding:16px 14px;overflow:auto;backdrop-filter:blur(10px);display:none;z-index:15}#volbox h2{margin:0 0 3px;font-size:15px}.volstats,.volform{background:#16233a;border:1px solid #2c4a7a;border-radius:11px;padding:11px;margin:10px 0;font-size:12px}.volstats b{font-size:22px;color:#fff}.volstats span{color:#aab9ce;font-size:11px}.voltools{display:flex;gap:6px}.voltools input{min-width:0;flex:1;background:#0d1421;border:1px solid #303b58;border-radius:7px;color:#fff;padding:7px}.volfilters{margin-top:8px}.volgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:9px 0}.volform label{display:block;font-size:10px;color:#9eb0c9}.volform input,.volform select{width:100%;background:#0d1421;border:1px solid #303b58;border-radius:7px;color:#fff;padding:6px;margin-top:2px}.volactions{margin-top:9px}.vollist{max-height:42vh;overflow:auto}.volrow{width:100%;text-align:left;display:flex;justify-content:space-between;gap:8px;border-radius:7px;margin-bottom:4px;padding:7px;background:#172033}.volrow.on{background:#21436a;border-color:#6b9fdf}.volrow span{min-width:0}.volrow em{font-size:10px;color:#aebbd0;font-style:normal;text-align:right;white-space:nowrap}.volrow small{color:#6f849f}
#gabcheck{position:fixed;right:0;top:var(--hud-height);bottom:0;width:min(510px,100vw);background:#131a27f2;border-left:1px solid #2c3752;padding:16px 14px;overflow:auto;backdrop-filter:blur(10px);display:none;z-index:16}#gabcheck h2{margin:0 0 3px;font-size:15px}.gabsummary{margin:10px 0;padding:9px 11px;background:#16233a;border:1px solid #2c4a7a;border-radius:9px;font-size:12px}.gabsummary b{font-size:20px;color:#fff}.gabtools{display:flex;gap:6px;margin-bottom:9px}.gabtools input{min-width:0;flex:1;background:#0d1421;border:1px solid #303b58;border-radius:7px;color:#fff;padding:7px}.gablist{max-height:calc(100dvh - 260px);overflow:auto}.gabrow{width:100%;display:flex;gap:9px;text-align:left;padding:8px;margin:0 0 4px;background:#172033;border-radius:8px;font-size:11px;line-height:1.3}.gabrow.error{background:#4a222a;border-color:#e27482}.gabtick{width:22px;height:22px;flex:0 0 22px;text-align:center;line-height:22px;border-radius:50%;background:#1c5b44;color:#d9ffec;font-weight:800}.gabrow.error .gabtick{background:#a82d3c;color:#fff}.gabrow span:last-child{min-width:0}
#hantleTask{position:fixed;right:0;top:var(--hud-height);bottom:0;width:min(510px,100vw);background:#131a27f2;border-left:1px solid #2c3752;padding:16px 14px;overflow:auto;backdrop-filter:blur(10px);display:none;z-index:16}#hantleTask h2{margin:0 0 3px;font-size:15px}#hantleTask h3{font-size:13px;margin:15px 0 6px}.hstats{padding:10px;background:#16233a;border:1px solid #2c4a7a;border-radius:9px;font-size:12px}.hstats b{font-size:18px;color:#fff}.hretain{margin:0;padding-left:19px;color:#c8d8f0;font-size:12px;line-height:1.7}.hsteps{max-height:42vh;overflow:auto}.hstep{border-left:4px solid #5e9ced;padding:7px 9px;background:#172033;margin:4px 0;border-radius:7px;font-size:11px}.hstep.empty{border-color:#8b9aac}.hstep b{display:block;color:#c5deff;font-size:10px}.hstep span{color:#d8e4f5}.hactions{margin-top:10px}
#hantleTask .hmode{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin:9px 0;font-size:11px;color:#b8c8df}
#volbox .volCarton{margin:10px 0;padding:9px;border:1px solid #dca94866;border-radius:9px;background:#2d2416a8}#volbox .volCarton>b{display:block;margin-bottom:7px;color:#f3c86b;font-size:11px;letter-spacing:.06em}#volbox .volVerify{display:flex;align-items:center;gap:7px;margin-top:9px;font-size:11px;color:#bfe7ea}#volbox .volVerify input{width:auto!important}#volbox .volLocations{margin-top:9px;padding:8px;border-radius:7px;background:#071a23;color:#a8d6dc;font:11px ui-monospace,monospace;line-height:1.45}
#bVol{display:none!important}
#volBayPreview{position:fixed;z-index:1400;inset:0;display:grid;place-items:center;padding:18px;background:#020b10ae;backdrop-filter:blur(8px)}#volBayPreview>div{position:relative;width:min(650px,100%);padding:18px;border:1px solid #65dfe88a;border-radius:15px;background:#0a202af5;color:#eaffff;box-shadow:0 24px 60px #000b}#volBayPreview h3{margin:0 0 12px;font-size:16px;color:#f2c367}#volBayPreview img{width:100%;display:block;border:1px solid #59ddea66;border-radius:9px;background:#061923}#volBayPreview p{margin:10px 0 0;color:#a9d7dc;font-size:11px;line-height:1.45}#volBayPreview button{position:absolute;top:10px;right:10px;padding:3px 8px;font-size:17px}html[data-mtr-theme="light"] #volBayPreview>div{background:#f3fbfc;color:#123440}html[data-mtr-theme="light"] #volBayPreview p{color:#41636c}
#hantleTask .hstep.wait{border-color:#d3a64a;background:#322d1e}
.pstep.swapStep{border-left-color:#6bcb9f}.swapArrow{font-size:20px;color:#71d6a7;margin:0 5px;font-weight:800;align-self:center}.swapStep .txt b{color:#8fe0bd;font-size:10px}
@media(min-width:761px){#hud{height:66px;min-height:66px;padding:10px 18px;background:linear-gradient(90deg,#07131df4,#0c2934f4);border-bottom:1px solid #1b91ad;box-shadow:0 0 24px #00bad229;align-items:center}#hud .btns{display:none}#hud h1{color:#e8fbff;letter-spacing:.6px}#hud .sub{color:#63d6ea}#locationSearch{margin-left:auto;background:#071a23;border-color:#1d8eaa;color:#dffaff}#jarvisDeskNav{position:fixed;z-index:40;top:9px;left:330px;right:330px;height:47px;display:flex;align-items:center;justify-content:center;gap:6px;pointer-events:auto}.jdMark{width:25px;height:25px;border:2px solid #e3a544;border-radius:50%;box-shadow:0 0 10px #e3a544;position:relative}.jdMark:after{content:'';position:absolute;inset:5px;border:1px solid #62e7fb;border-radius:50%}.jdBrand{font-size:12px;font-weight:800;letter-spacing:1px;color:#effbff;margin:0 8px}.jdBrand small{display:block;font-size:7px;color:#65d9ed;letter-spacing:1.3px}.jdBrand+button,#jarvisDeskNav button{background:#092431;border-color:#176e86;color:#c6f6ff;padding:7px 10px}.jdBrand+button:hover,#jarvisDeskNav button:hover{border-color:#e0a242;color:#ffe6ae}#jdTasks{border-color:#b87b2a!important;color:#ffd98c!important}#jarvisMenu{display:none;position:fixed;z-index:41;top:64px;left:calc(50% - 170px);width:340px;padding:10px;background:#081923f5;border:1px solid #1c89a6;border-radius:10px;box-shadow:0 14px 36px #000b;backdrop-filter:blur(14px)}#jarvisMenu.show{display:grid;grid-template-columns:1fr 1fr;gap:6px}#jarvisMenu .jmTitle{grid-column:1/-1;font-size:10px;color:#edb653;letter-spacing:1.5px;padding:2px 3px 5px}#jarvisMenu button{text-align:left;background:#0d2b38;border-color:#1b6379;color:#d6f8ff;padding:9px}#deskTaskBoard{display:none;position:fixed;z-index:38;top:78px;right:18px;width:365px;max-height:calc(100vh - 96px);overflow:auto;padding:13px;background:#071720ef;border:1px solid #197e99;border-radius:12px;box-shadow:0 14px 45px #000a;backdrop-filter:blur(14px)}#deskTaskBoard.show{display:block}.jbHead{display:flex;justify-content:space-between;align-items:center;color:#efb554;font-size:11px;font-weight:800;letter-spacing:1.5px;margin-bottom:10px}.jbHead button{padding:3px 8px;font-size:16px}.jbCard{display:block;width:100%;text-align:left;margin:0 0 8px;padding:13px;background:linear-gradient(110deg,#0c2733,#0c1723);border:1px solid #1a6680;border-left:3px solid #52dcee;border-radius:9px;color:#e4f8ff}.jbCard.urgent{border-left-color:#e5a342}.jbCard b{display:block;font-size:14px;margin-bottom:4px}.jbCard small{display:block;color:#9cc9d7;line-height:1.4}.jbCard em{display:block;color:#efba62;font-size:9px;font-style:normal;letter-spacing:1px;margin-top:8px}#planer,#trasy,#edyt,#logbox,#bazabox{background:#081822f2;border-color:#1a829e}#hantleTask,#volbox,#gabcheck{background:#081822f2;border-color:#1a829e}.pstep{background:#0b202c;border-color:#1c6982}.pstep.swapStep{border-left-color:#e1a242}.teamstep{background:#0c2230}.bar i{background:#dba141}}
@media(min-width:761px){body{background:#030b12;color:#d9f5fb}#app canvas{filter:saturate(1.18) contrast(1.1)}button,.mini{background:#092633;border-color:#176f88;color:#d7f8ff}button:hover,.mini:hover{background:#104254;border-color:#4ce1f2;color:#fff}button.on,.mini.on{background:#14546a;border-color:#e2a13f;color:#ffe4ae}.pri2{background:linear-gradient(100deg,#8b581b,#c88a2e)!important;border-color:#f0bd57!important;color:#fff7df!important;box-shadow:0 0 13px #d99a3833}#stats,#panel,#legend,#tasks{background:#071923e8;border-color:#177a95;color:#cef2fa;box-shadow:0 0 18px #00bad116}.row,.src,.task,.pstep,.teamstep,.hstep,.volrow,.gabrow{background:#0a2430;border-color:#1c6e86}.row:hover,.src:hover,.volrow:hover,.gabrow:hover{background:#103646}.task{border-left:3px solid #28bdd5}.warn{background:#321c20;border-color:#a84b5b;color:#ffd7dc}.cofinfo,.sel,.hstats,.volstats,.gabsummary{background:#092734;border-color:#1d829d;color:#c9f4fb}select,textarea,input{background:#061923!important;border-color:#1b738c!important;color:#e2faff!important}.pill{background:#123c4c;color:#a9effa}.pill.p1{background:#573817;color:#ffe1a0}.pill.pB{background:#4a1d2d;color:#ffd3df}.th{border:1px solid #1f90aa;box-shadow:0 0 7px #1ed5ef33}.closePanel{background:#3a1f28!important;border-color:#b75063!important}.bar{background:#0b3341}.bar i{background:linear-gradient(90deg,#e2a13f,#41d8e9)}#tip{background:#08202aeF!important;border:1px solid #27cce3;color:#dcf9ff;box-shadow:0 0 22px #00c7e633}}
@media(max-width:760px){#hud h1{font-size:14px}#hud .sub{display:none}#hud .btns{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.navgroup{flex-shrink:0}.navgroup>span{width:auto}#stats{font-size:10px;padding:6px 9px}#panel{left:8px;width:calc(100vw - 16px)}#legend{font-size:10px;padding:6px 8px;max-width:240px}button{min-height:36px}#locationSearch{width:155px;min-width:0}}
/* Liquid-glass composition for the desktop workspace. */
@media(min-width:761px){
  body{background:radial-gradient(circle at 18% 12%,#15566a33,transparent 27%),radial-gradient(circle at 78% 78%,#d69c3822,transparent 32%),#030b12;overflow:hidden}
  body:before{content:'';position:fixed;inset:-20%;z-index:0;pointer-events:none;background:conic-gradient(from 120deg at 54% 45%,#0ff1 0deg,transparent 44deg,#e5a44018 104deg,transparent 176deg,#50e5f51a 268deg,transparent 360deg);filter:blur(42px);animation:liquidDrift 20s ease-in-out infinite alternate}
  #hud,#stats,#panel,#legend,#tasks,#planer,#trasy,#edyt,#logbox,#bazabox,#hantleTask,#volbox,#gabcheck,#inw,#jarvisMenu,#deskTaskBoard{backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);background:linear-gradient(135deg,#153f4fba,#061a26c9 58%,#16425392)!important;border:1px solid #5ce2ef66!important;box-shadow:inset 0 1px #c8fbff3b,inset 0 -1px #071d2866,0 16px 42px #0008,0 0 20px #37dcef1d}
  #hud:after,#jarvisMenu:before,#deskTaskBoard:before{content:'';position:absolute;pointer-events:none;inset:1px;border-radius:inherit;background:linear-gradient(115deg,#ffffff1d 0%,transparent 20%,transparent 71%,#69eafa12 100%);mix-blend-mode:screen}
  #hud,#jarvisMenu,#deskTaskBoard{position:fixed}
  #jarvisDeskNav{filter:drop-shadow(0 8px 18px #0008)}
  .jdMark{animation:reactorPulse 3.6s ease-in-out infinite;box-shadow:0 0 10px #e3a544,0 0 22px #46dcec77}
  .jdMark:after{animation:counterSpin 9s linear infinite}
  .jdBrand{background:linear-gradient(100deg,#ffffff,#7cf2ff 42%,#ffc65f 78%,#ffffff);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:brandFlow 8s linear infinite}
  #jarvisDeskNav button,button,.mini{position:relative;overflow:hidden;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,background .25s ease,border-color .25s ease,color .2s ease}
  #jarvisDeskNav button:before,button:before,.mini:before{content:'';position:absolute;top:-90%;left:-35%;width:38%;height:280%;pointer-events:none;background:linear-gradient(90deg,transparent,#e9ffff55,transparent);transform:rotate(22deg);transition:left .46s ease}
  #jarvisDeskNav button:hover,button:hover,.mini:hover{transform:translateY(-2px) scale(1.015);box-shadow:0 8px 20px #15d7ed26,0 0 0 1px #a6fbff26}
  #jarvisDeskNav button:hover:before,button:hover:before,.mini:hover:before{left:120%}
  #jarvisMenu.show,#deskTaskBoard.show{animation:glassEnter .32s cubic-bezier(.18,.9,.25,1) both}
  .jbCard,.task,.pstep,.teamstep,.hstep,.volrow,.gabrow,.row,.src{position:relative;overflow:hidden;transition:transform .2s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}
  .jbCard:after,.task:after,.pstep:after,.teamstep:after,.hstep:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,#ffffff12,transparent 24%,transparent 78%,#32d9ea0e)}
  .jbCard:hover,.task:hover,.pstep:hover,.teamstep:hover,.hstep:hover,.volrow:hover,.gabrow:hover,.row:hover,.src:hover{transform:translateX(3px);border-color:#78f5ff!important;box-shadow:0 8px 22px #00cde51c}
  .pstep.swapStep,.teamstep.p1{animation:goldenBreath 4.5s ease-in-out infinite}
  .bar i{background-size:200% 100%;animation:flowBar 3.8s linear infinite}
  #app canvas{position:relative;z-index:0;transition:filter .5s ease;filter:saturate(1.24) contrast(1.08) brightness(1.04)!important}
}
@keyframes liquidDrift{0%{transform:translate3d(-2%,-1%,0) rotate(-7deg) scale(1)}100%{transform:translate3d(3%,2%,0) rotate(9deg) scale(1.12)}}
@keyframes glassEnter{from{opacity:0;transform:translate3d(0,-10px,0) scale(.975);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}
@keyframes reactorPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.08);filter:brightness(1.3)}}
@keyframes counterSpin{to{transform:rotate(360deg)}}
@keyframes brandFlow{to{background-position:220% 0}}
@keyframes goldenBreath{0%,100%{box-shadow:0 0 0 #e7a54200}50%{box-shadow:0 0 18px #e7a5423f}}
@keyframes flowBar{to{background-position:200% 0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Adaptive desktop-to-phone layout for the main mock-up. */
@media(min-width:761px) and (max-width:1240px){
  #hud{padding-left:12px;padding-right:12px}#hud h1{font-size:15px;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #locationSearch{min-width:120px;width:150px}
  #jarvisDeskNav{left:225px;right:10px;justify-content:flex-end;gap:4px}.jdBrand{font-size:10px;margin:0 3px}.jdBrand small{font-size:6px}
  #jarvisDeskNav button{padding:6px 7px;font-size:11px}#jarvisMenu{left:auto;right:12px;width:min(330px,calc(100vw - 24px))}
  #deskTaskBoard{width:min(340px,calc(100vw - 24px))}#stats{max-width:220px;font-size:11px}
}
@media(min-width:761px) and (max-width:930px){
  #hud h1{max-width:145px;font-size:13px}.sub{display:none}#locationSearch{width:118px;min-width:0}
  #jarvisDeskNav{left:165px;right:8px}.jdBrand small{display:none}.jdBrand{font-size:9px;letter-spacing:.5px}
  #jarvisDeskNav button{padding:6px 5px;font-size:10px}.jdMark{width:21px;height:21px}
  #panel{left:10px;width:min(310px,42vw)}#stats{left:10px;max-width:185px}#legend{font-size:10px;max-width:220px}
}
@media(max-width:760px){
  :root{--hud-height:102px}
  body{overflow:hidden;background:#030b12}body:before{display:none}
  #jarvisDeskNav,#jarvisMenu,#deskTaskBoard{display:none!important}
  #hud{position:fixed!important;inset:0 0 auto 0!important;z-index:30;height:auto!important;min-height:96px!important;padding:7px 9px!important;display:flex;align-content:flex-start;flex-wrap:wrap;gap:4px;background:#071923f5!important;border-bottom:1px solid #3cd9eb77!important;backdrop-filter:blur(14px)}
  #hud h1{order:0;flex:1;min-width:0;margin:0;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub{display:none!important}
  #locationSearch{order:1;flex:0 0 132px;width:132px;height:32px;margin:0;padding:6px;font-size:12px}
  #hud .btns{order:2;display:flex!important;width:100%!important;max-width:100%;overflow-x:auto;overflow-y:hidden;gap:5px;padding:3px 1px 6px;margin:0;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
  #hud .btns::-webkit-scrollbar{height:3px}#hud .btns::-webkit-scrollbar-thumb{background:#48dce7;border-radius:3px}
  .navgroup{display:flex!important;flex:0 0 auto;flex-wrap:nowrap;border-right:1px solid #48dce744;padding-right:5px;gap:5px}.navgroup>span{display:none!important}
  #hud button{flex:0 0 auto;min-height:32px;padding:6px 9px;font-size:11px;scroll-snap-align:start}
  #saveStatus{display:none}#stats{top:calc(var(--hud-height) + 7px)!important;left:8px!important;right:auto!important;max-width:calc(100vw - 16px);font-size:10px;z-index:10}
  #legend{left:8px!important;bottom:7px!important;max-width:min(260px,calc(100vw - 16px));font-size:10px;z-index:11}
  #panel,#inw,#planer,#trasy,#edyt,#logbox,#bazabox,#hantleTask,#volbox,#gabcheck{box-sizing:border-box;position:fixed!important;left:8px!important;right:8px!important;top:calc(var(--hud-height) + 6px)!important;bottom:8px!important;width:auto!important;max-width:none!important;max-height:none!important;padding:12px!important;border-radius:14px!important;z-index:35!important}
  #panel{bottom:auto!important;max-height:calc(100dvh - var(--hud-height) - 90px)!important}.closePanel{min-height:30px;padding:4px 8px}
  #planer .pstep,#hantleTask .hstep,.teamstep{font-size:10px}.pstep{grid-template-columns:1fr!important}.pstep .actions{display:flex;gap:4px;flex-wrap:wrap}
  .volgrid{grid-template-columns:1fr!important}.voltools,.gabtools{flex-wrap:wrap}.voltools input,.gabtools input{flex:1 1 170px}
  #tip{left:8px!important;right:8px!important;bottom:12px!important;width:auto!important;text-align:center;z-index:60}
}
/* Header composition: identity | navigation | warehouse status. */
@media(min-width:761px){
  #hud>div:first-child{position:fixed;z-index:42;top:10px;right:18px;margin:0;text-align:right;max-width:240px;padding-left:14px;border-left:1px solid #4adbea55}
  #hud>div:first-child h1{margin:0;font-size:13px;line-height:1.2;color:#e8fbff;white-space:nowrap}
  #hud>div:first-child .sub{display:block;font-size:8px;line-height:1.35;white-space:nowrap;color:#72dceb}
  #saveStatus{position:fixed;z-index:42;top:39px;right:18px;max-width:240px;margin:0;padding-top:3px;border-top:1px solid #4adbea40;color:#a9f4cf!important;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #jarvisDeskNav{left:18px;right:18px;display:grid;grid-template-columns:minmax(185px,1fr) auto minmax(185px,1fr);height:47px;justify-content:normal;gap:0}
  .jdIdentity{grid-column:1;display:flex;align-items:center;justify-self:start;padding-right:16px;border-right:1px solid #4adbea55}
  .jdBrand{margin:0 0 0 8px}.jdControls{grid-column:2;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 16px;border-left:1px solid #4adbea55;border-right:1px solid #4adbea55}
  #jarvisDeskNav .jdControls button{padding:7px 10px}
}
@media(min-width:761px) and (max-width:1050px){
  #hud>div:first-child{right:10px;max-width:175px}#hud>div:first-child h1{font-size:11px}#hud>div:first-child .sub{font-size:7px}#saveStatus{right:10px;max-width:175px;font-size:8px}
  #jarvisDeskNav{left:10px;right:10px;grid-template-columns:minmax(138px,1fr) auto minmax(138px,1fr)}.jdIdentity{padding-right:8px}.jdBrand{font-size:9px;margin-left:5px}.jdBrand small{font-size:5px}.jdControls{gap:3px;padding:0 8px}#jarvisDeskNav .jdControls button{padding:6px 6px;font-size:10px}
}
@media(min-width:761px){
  #locationSearch{position:fixed!important;z-index:43;top:18px;right:196px;width:190px;min-width:0!important;margin:0!important;padding:7px 10px!important;border-radius:10px!important;background:#0b2d3bd9!important;box-shadow:inset 0 1px #b4f9ff2b,0 7px 18px #0006}
}
@media(min-width:761px) and (max-width:1050px){#locationSearch{right:166px;width:132px;padding:6px 8px!important;font-size:10px}}
/* MTR-TRADE application shell. */
:root{--mtr-aqua:#5ee7f3;--mtr-gold:#f1b94c;--mtr-ink:#04111a;--mtr-paper:#f4f8fa;--mtr-font:1rem}
#mtrAppShell{position:fixed;inset:0;z-index:1000;overflow:auto;background:radial-gradient(circle at 75% 20%,#1f879944,transparent 29%),radial-gradient(circle at 18% 90%,#e9aa3430,transparent 32%),#04101a;color:#e9fbfd;transition:opacity .35s ease,visibility .35s ease}#mtrAppShell.is-hidden{opacity:0;visibility:hidden;pointer-events:none}#mtrSceneBar{display:none;position:fixed;z-index:950;left:12px;bottom:12px;align-items:center;gap:10px;padding:7px 10px;border:1px solid #55ddec77;border-radius:10px;background:#06202cd9;color:#a7f1f8;backdrop-filter:blur(14px);font-size:10px;letter-spacing:.08em}#mtrSceneBar.show{display:flex}#mtrSceneBar button{min-height:30px}.mtrLanding,.mtrWorkspace{min-height:100%;max-width:1320px;margin:auto;padding:28px clamp(22px,4vw,64px) 48px}.mtrShellBrand{display:flex;align-items:center;gap:12px;width:max-content}.mtrWordmark{width:178px;height:auto;overflow:visible;filter:drop-shadow(0 5px 14px #0008)}.mtrWordmark text{font:800 35px/1 Arial,sans-serif;letter-spacing:1px;fill:#f5fbfc}.mtrWordmark path{stroke:#f1b94c;stroke-width:2.5;fill:none;opacity:.88}.mtrShellBrand>span{font-size:9px;letter-spacing:.14em;color:#88dce5}.mtrShellNav{position:absolute;top:34px;right:clamp(22px,4vw,64px);display:flex;gap:7px;align-items:center}.mtrShellNav button{min-height:35px;padding:7px 10px;background:transparent;border:1px solid transparent;color:#a9e8ef;border-radius:8px}.mtrShellNav button[aria-current="page"],.mtrShellNav button:not(.mtrPrimary):hover{border-color:#65dce977;background:#0c3c4a88;color:#fff}.mtrPrimary{background:linear-gradient(115deg,#e3a536,#f5c660)!important;color:#211404!important;border:1px solid #ffda84!important;font-weight:800;box-shadow:0 8px 22px #e8a83538}.mtrGhost{background:#0b3542!important;border:1px solid #63dce777!important;color:#eaffff!important}.mtrHero{min-height:440px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);align-items:center;gap:50px}.mtrEyebrow{margin:0 0 12px;font-size:11px;letter-spacing:.16em;color:var(--mtr-gold);font-weight:800}.mtrHero h1,.mtrWorkspace h1{max-width:750px;margin:0;font-size:clamp(36px,5vw,68px);line-height:1.02;letter-spacing:-.04em}.mtrHero p:not(.mtrEyebrow),.mtrWorkspace header>p:last-child{max-width:590px;color:#afcbd0;font-size:17px;line-height:1.55}.mtrHeroActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.mtrLarge{min-height:48px;padding:11px 17px;font-size:14px}.mtrStatusOrbit{width:250px;height:250px;margin:auto;border:1px solid #65e9f066;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle,#145a6888,transparent 62%);box-shadow:inset 0 0 35px #50dce522,0 0 35px #50dce51c}.mtrStatusOrbit:before,.mtrStatusOrbit:after{content:'';position:absolute;border:1px solid #f0b64b88;border-radius:50%;inset:18px;animation:mtrOrbit 12s linear infinite}.mtrStatusOrbit:after{inset:-12px;border-style:dashed;animation-duration:20s;animation-direction:reverse}.mtrStatusOrbit span{font-size:74px;font-weight:800;line-height:.9;color:#eaffff}.mtrStatusOrbit small{margin-top:8px;font-size:10px;text-align:center;letter-spacing:.16em;color:#89e8ef}.mtrStatusOrbit b{position:absolute;right:-31px;bottom:29px;font-size:9px;letter-spacing:.12em;color:#f3c66f}.mtrStatusOrbit i{position:absolute;top:26px;left:18px;width:8px;height:8px;background:#5df1b1;border-radius:50%;box-shadow:0 0 12px #5df1b1}.mtrQuick{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.mtrQuick button,.mtrDataGrid button{min-height:130px;text-align:left;padding:20px;background:linear-gradient(135deg,#103540d6,#071a25d9);border:1px solid #52cfdf55;border-radius:14px;color:#eafcff;transition:transform .2s ease,border .2s ease,box-shadow .2s ease}.mtrQuick button:hover,.mtrDataGrid button:hover{transform:translateY(-4px);border-color:#75f0fa;box-shadow:0 16px 30px #0007}.mtrQuick b,.mtrDataGrid b{display:block;margin-bottom:8px;font-size:17px}.mtrQuick span,.mtrDataGrid span{display:block;color:#a5c6cc;line-height:1.45}.mtrWorkspace header{margin:68px 0 26px}.mtrWorkspace h1{font-size:clamp(34px,4vw,56px)}.mtrDataGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mtrDataGrid button{min-height:160px}.mtrDataGrid em{display:block;margin-top:18px;color:#f5c869;font-size:11px;font-style:normal;letter-spacing:.12em}.mtrSettings{max-width:760px;display:grid;gap:14px}.mtrSettings section{padding:18px 20px;border:1px solid #61dbe155;border-radius:14px;background:#09232ed0}.mtrSettings h2{margin:0 0 10px;font-size:17px}.mtrOption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}.mtrOption+ .mtrOption{border-top:1px solid #61dbe12b}.mtrOption span>b{display:block}.mtrOption span small{display:block;margin-top:3px;color:#9fc0c7}.mtrSegment{display:flex;border:1px solid #62dce866;border-radius:8px;overflow:hidden}.mtrSegment button{border:0;border-radius:0;background:transparent;color:#bcecf1}.mtrSegment button.active{background:#1d7484;color:#fff}.mtrOption input{accent-color:#5de1ed;min-width:190px}.mtrSwitch{min-width:100px}.mtrHint{margin:0;color:#a8c6cb;line-height:1.5}
html[data-mtr-theme="light"] #mtrAppShell{background:radial-gradient(circle at 78% 12%,#85dce88f,transparent 24%),radial-gradient(circle at 8% 89%,#f2c25685,transparent 30%),linear-gradient(120deg,#f8fcfd,#e4f0f3 54%,#d7eaee);color:#102a33}html[data-mtr-theme="light"] #mtrAppShell:before{content:'';position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#257a8c0d 1px,transparent 1px),linear-gradient(90deg,#257a8c0d 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#0009,transparent 72%)}html[data-mtr-theme="light"] .mtrLogoTile{box-shadow:0 10px 28px #123b4530;border:1px solid #72aeb755}html[data-mtr-theme="light"] .mtrShellBrand>span{color:#276978}html[data-mtr-theme="light"] .mtrShellNav button{color:#174f5c}html[data-mtr-theme="light"] .mtrShellNav button[aria-current="page"],html[data-mtr-theme="light"] .mtrShellNav button:not(.mtrPrimary):hover{background:#d8f0f3c9;border-color:#2e899877;color:#092d38;box-shadow:0 5px 14px #16778d20}html[data-mtr-theme="light"] .mtrHero p:not(.mtrEyebrow),html[data-mtr-theme="light"] .mtrWorkspace header>p:last-child,html[data-mtr-theme="light"] .mtrQuick span,html[data-mtr-theme="light"] .mtrDataGrid span,html[data-mtr-theme="light"] .mtrOption span small,html[data-mtr-theme="light"] .mtrHint{color:#3c616b}html[data-mtr-theme="light"] .mtrEyebrow{color:#a76509}html[data-mtr-theme="light"] .mtrStatusOrbit{background:radial-gradient(circle,#bdeef288,transparent 62%);border-color:#19889c77;box-shadow:inset 0 0 35px #1993a72b,0 15px 35px #0b556522}html[data-mtr-theme="light"] .mtrStatusOrbit span{color:#093744}html[data-mtr-theme="light"] .mtrStatusOrbit small{color:#176b79}html[data-mtr-theme="light"] .mtrStatusOrbit b{color:#976006}html[data-mtr-theme="light"] .mtrQuick button,html[data-mtr-theme="light"] .mtrDataGrid button,html[data-mtr-theme="light"] .mtrSettings section{background:linear-gradient(135deg,#ffffffdf,#edf7f8d9);color:#102e38;border-color:#348b9c66;box-shadow:0 10px 28px #15526016}html[data-mtr-theme="light"] .mtrQuick button:hover,html[data-mtr-theme="light"] .mtrDataGrid button:hover{border-color:#168ca2;box-shadow:0 16px 32px #15526029}html[data-mtr-theme="light"] .mtrSegment{border-color:#3b99a866}html[data-mtr-theme="light"] .mtrSegment button{color:#245d6a}html[data-mtr-theme="light"] .mtrSegment button.active{background:#19768a;color:#fff}html[data-mtr-theme="light"] .mtrPrimary{box-shadow:0 9px 21px #be81083d}html[data-mtr-theme="light"] .mtrGhost{background:#d5f0f3!important;color:#0b3d49!important;border-color:#3c94a2!important}body.mtr-high-contrast #mtrAppShell *{outline-color:#fff!important}html[data-mtr-theme="light"] body.mtr-high-contrast #mtrAppShell *{outline-color:#001a20!important}body.mtr-high-contrast .mtrQuick button,body.mtr-high-contrast .mtrDataGrid button,body.mtr-high-contrast .mtrSettings section{border-width:2px;border-color:#fff!important}html[data-mtr-theme="light"] body.mtr-high-contrast .mtrQuick button,html[data-mtr-theme="light"] body.mtr-high-contrast .mtrDataGrid button,html[data-mtr-theme="light"] body.mtr-high-contrast .mtrSettings section{border-color:#00333e!important}
@keyframes mtrOrbit{to{transform:rotate(360deg)}}
@media(max-width:800px){.mtrLanding,.mtrWorkspace{padding:18px 16px 34px}.mtrShellBrand{margin:auto}.mtrShellBrand>span{display:none}.mtrShellNav{position:static;margin:18px 0;display:grid;grid-template-columns:repeat(3,1fr)}.mtrShellNav .mtrPrimary{grid-column:1/-1}.mtrHero{min-height:auto;grid-template-columns:1fr;gap:25px;padding:28px 0}.mtrHero h1{font-size:38px}.mtrStatusOrbit{width:190px;height:190px}.mtrStatusOrbit span{font-size:58px}.mtrQuick,.mtrDataGrid{grid-template-columns:1fr}.mtrWorkspace header{margin:30px 0 22px}.mtrOption{align-items:flex-start;flex-direction:column;gap:10px}.mtrOption input{width:100%}}

/* Motion system: restrained liquid-glass feedback across the application. */
:root{--motion-fast:160ms;--motion-base:280ms;--motion-slow:680ms;--glass-ease:cubic-bezier(.22,.8,.24,1);--glass-sheen:linear-gradient(108deg,transparent 18%,#e8ffff42 48%,transparent 77%)}
#mtrAppShell:after{content:'';position:fixed;inset:-45%;pointer-events:none;background:conic-gradient(from 30deg at 50% 50%,transparent 0 19%,#55e7f20e 24%,transparent 31% 58%,#eeba4b10 64%,transparent 71%);filter:blur(34px);animation:mtrAmbient 18s ease-in-out infinite alternate}
.mtrLanding,.mtrWorkspace{position:relative;animation:mtrPageIn var(--motion-slow) var(--glass-ease) both}.mtrShellBrand{animation:mtrBrandIn 520ms var(--glass-ease) both}.mtrShellNav{animation:mtrNavIn 580ms 80ms var(--glass-ease) both}.mtrHero>div:first-child,.mtrWorkspace header{animation:mtrRise 620ms 120ms var(--glass-ease) both}.mtrStatusOrbit{animation:mtrOrbitIn 900ms 160ms var(--glass-ease) both}.mtrQuick button,.mtrDataGrid button,.mtrSettings section{position:relative;overflow:hidden;isolation:isolate;animation:mtrCardIn 560ms var(--glass-ease) both;transition:transform var(--motion-base) var(--glass-ease),box-shadow var(--motion-base) ease,border-color var(--motion-base) ease,background var(--motion-base) ease}.mtrQuick button:after,.mtrDataGrid button:after,.mtrSettings section:after{content:'';position:absolute;z-index:-1;inset:0;transform:translateX(-130%);background:var(--glass-sheen);transition:transform 580ms var(--glass-ease)}.mtrQuick button:hover:after,.mtrDataGrid button:hover:after,.mtrSettings section:hover:after{transform:translateX(130%)}.mtrQuick button:nth-child(1),.mtrDataGrid button:nth-child(1),.mtrSettings section:nth-child(1){animation-delay:180ms}.mtrQuick button:nth-child(2),.mtrDataGrid button:nth-child(2),.mtrSettings section:nth-child(2){animation-delay:250ms}.mtrQuick button:nth-child(3),.mtrDataGrid button:nth-child(3),.mtrSettings section:nth-child(3){animation-delay:320ms}.mtrDataGrid button:nth-child(4){animation-delay:390ms}.mtrDataGrid button:nth-child(5){animation-delay:460ms}.mtrDataGrid button:nth-child(6){animation-delay:530ms}.mtrShellNav button,.mtrHeroActions button,.mtrSwitch,.mtrSegment button{transition:transform var(--motion-fast) var(--glass-ease),box-shadow var(--motion-base) ease,background var(--motion-base) ease,color var(--motion-fast) ease,border-color var(--motion-base) ease}.mtrShellNav button:active,.mtrHeroActions button:active,.mtrQuick button:active,.mtrDataGrid button:active,.mtrSwitch:active,.mtrSegment button:active{transform:scale(.97)}.mtrOption input{transition:filter var(--motion-base) ease,transform var(--motion-base) var(--glass-ease)}.mtrOption input:hover{filter:drop-shadow(0 0 5px #58e3ed99)}.mtrOption input:focus{transform:scale(1.015)}.mtrWordmark{animation:mtrWordmarkGlow 4.5s ease-in-out infinite}
/* Existing operational panels use the same material and interaction rhythm. */
#hud,#jarvisDeskNav,#stats,#legend{animation:mtrDockIn 540ms var(--glass-ease) both}#stats{animation-delay:90ms}#legend{animation-delay:160ms}#jarvisDeskNav button,#hud button,#tasks button,#planer button,#trasy button,#edyt button,#logbox button,#bazabox button,#hantleTask button,#volbox button,#gabcheck button{transition:transform var(--motion-fast) var(--glass-ease),filter var(--motion-base) ease,box-shadow var(--motion-base) ease}#jarvisDeskNav button:active,#hud button:active,#tasks button:active,#planer button:active,#trasy button:active,#edyt button:active,#logbox button:active,#bazabox button:active,#hantleTask button:active,#volbox button:active,#gabcheck button:active{transform:scale(.96)}#stats,#legend,#panel,#tasks,#planer,#trasy,#edyt,#logbox,#bazabox,#hantleTask,#volbox,#gabcheck,#inw{transition:opacity var(--motion-base) ease,transform var(--motion-base) var(--glass-ease),box-shadow var(--motion-base) ease}#tasks.show,#planer.show,#trasy.show,#edyt.show,#logbox.show,#bazabox.show,#hantleTask.show,#volbox.show,#gabcheck.show,#inw.show{animation:mtrPanelIn 420ms var(--glass-ease) both}
@keyframes mtrPageIn{from{opacity:0;transform:translateY(12px);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}@keyframes mtrBrandIn{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:none}}@keyframes mtrNavIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes mtrRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes mtrCardIn{from{opacity:0;transform:translateY(18px) scale(.975)}to{opacity:1;transform:none}}@keyframes mtrOrbitIn{from{opacity:0;transform:scale(.78);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes mtrDockIn{from{opacity:0;transform:translateY(-10px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes mtrPanelIn{from{opacity:0;transform:translateX(22px);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes mtrAmbient{from{transform:rotate(-8deg) scale(1)}to{transform:rotate(12deg) scale(1.12)}}@keyframes mtrWordmarkGlow{0%,100%{filter:drop-shadow(0 5px 14px #0008)}50%{filter:drop-shadow(0 5px 14px #4be8f344) brightness(1.14)}}
@media(prefers-reduced-motion:reduce){#mtrAppShell:after,.mtrLanding,.mtrWorkspace,.mtrShellBrand,.mtrShellNav,.mtrHero>div:first-child,.mtrWorkspace header,.mtrStatusOrbit,.mtrQuick button,.mtrDataGrid button,.mtrSettings section,.mtrWordmark,#hud,#jarvisDeskNav,#stats,#legend{animation:none!important}.mtrQuick button,.mtrDataGrid button,.mtrSettings section,.mtrShellNav button,.mtrHeroActions button,.mtrSwitch,.mtrSegment button,#jarvisDeskNav button,#hud button{transition:none!important}}

.mtrOrderOrbit{position:absolute;width:118px;height:118px;right:-24px;bottom:7px;border:1px solid #f0b64b99;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,#6c4a1788,transparent 67%);box-shadow:inset 0 0 24px #f0b64b33,0 0 22px #f0b64b22}.mtrOrderOrbit:before{content:'';position:absolute;inset:8px;border:1px dashed #6be5ee77;border-radius:50%;animation:mtrOrbit 15s linear infinite}.mtrOrderOrbit span{font-size:38px;font-weight:800;line-height:1;color:#fff3d1}.mtrOrderOrbit small{margin-top:5px;font-size:8px;text-align:center;letter-spacing:.12em;color:#f3cc79}.mtrOrderOrbit i{position:absolute;top:16px;left:15px;width:7px;height:7px;background:#f3c45c;border-radius:50%;box-shadow:0 0 10px #f3c45c}@media(max-width:800px){.mtrOrderOrbit{right:-12px;bottom:-5px;transform:scale(.8)}}html[data-mtr-theme="light"] .mtrOrderOrbit{background:radial-gradient(circle,#ffe5a288,transparent 67%);border-color:#ad741288;box-shadow:inset 0 0 24px #a96f1633,0 0 22px #a96f1622}html[data-mtr-theme="light"] .mtrOrderOrbit span{color:#5d3a05}html[data-mtr-theme="light"] .mtrOrderOrbit small{color:#8b5808}

/* Wordmark correction: no tile, no auxiliary strokes, stable contrast in both themes. */
.mtrShellBrand{gap:0}.mtrShellBrand>span{display:none}.mtrWordmark{width:184px;height:38px}.mtrWordmark text{font-family:Arial Black,Arial,sans-serif;font-size:35px;letter-spacing:.7px}.mtrWordmark path{display:none}html[data-mtr-theme="light"] .mtrWordmark text{fill:#123642}html[data-mtr-theme="light"] .mtrWordmark{filter:drop-shadow(0 4px 10px #2c8b9929)}

/* Two-zone application shell: administrator and warehouse worker. */
.mtrLogin{min-height:100%;max-width:1320px;margin:auto;padding:34px clamp(22px,5vw,70px)}.mtrLoginGrid{min-height:calc(100vh - 130px);display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center;gap:72px}.mtrLoginIntro h1{max-width:640px;margin:0;font-size:clamp(42px,5.5vw,74px);line-height:1.01;letter-spacing:-.045em}.mtrLoginIntro>p:not(.mtrEyebrow){max-width:560px;color:#a9c8ce;font-size:17px;line-height:1.6}.mtrLoginSignal{display:flex;align-items:center;gap:9px;margin-top:24px;color:#8ce6bc;font-size:11px;font-weight:800;letter-spacing:.12em}.mtrLoginSignal i{width:9px;height:9px;border-radius:50%;background:#5ce9ad;box-shadow:0 0 15px #5ce9ad}.mtrRoleCards{display:grid;gap:14px}.mtrRoleCard{position:relative;min-height:190px;padding:24px 26px;text-align:left;overflow:hidden;background:linear-gradient(135deg,#123d49e6,#071923ec);border:1px solid #5fe1ee65;border-radius:18px;color:#eaffff}.mtrRoleCard:after{content:'';position:absolute;inset:auto -15% -70% 28%;height:180px;border:1px solid #57e4ef33;border-radius:50%;pointer-events:none;transition:transform .5s var(--glass-ease)}.mtrRoleCard:hover{transform:translateY(-5px);border-color:#7af1fa;box-shadow:0 18px 36px #0008}.mtrRoleCard:hover:after{transform:translate(-14px,-18px) scale(1.12)}.mtrRoleCard.worker{background:linear-gradient(135deg,#283018e8,#10221deb);border-color:#d8ad5061}.mtrRoleCard.worker:hover{border-color:#f2c868}.mtrRoleIcon{display:inline-flex;width:33px;height:33px;align-items:center;justify-content:center;margin-bottom:10px;border:1px solid #62e3ee;border-radius:9px;color:#80f4ff;font-size:18px}.mtrRoleCard.worker .mtrRoleIcon{border-color:#efbe57;color:#ffd675}.mtrRoleCard b{display:block;font-size:22px}.mtrRoleCard small{display:block;max-width:410px;margin-top:6px;color:#accbd0;font-size:13px;line-height:1.5}.mtrRoleCard em{display:block;margin-top:17px;color:#f2c66a;font-size:10px;font-style:normal;font-weight:800;letter-spacing:.1em}.mtrRoleButton{font-size:10px!important;white-space:nowrap}.mtrTasksWorkspace header{margin-bottom:18px}.mtrNotionHead{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid #5adce64d;border-radius:12px 12px 0 0;background:#0a2934bb;color:#a9dbe1;font-size:12px}.mtrNotionHead b{margin-left:auto;color:#f0bf57;font-size:11px}.mtrNotionHead button{padding:6px 9px;font-size:11px}.mtrNotionList{border:1px solid #5adce64d;border-top:0;border-radius:0 0 12px 12px;overflow:hidden;background:#061b24aa}.mtrNotionTask{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:19px 18px;border-bottom:1px solid #5adce626;transition:background var(--motion-base) ease,transform var(--motion-base) var(--glass-ease)}.mtrNotionTask:last-child{border:0}.mtrNotionTask:hover{background:#12505c4a}.mtrNotionTask.done{opacity:.58}.mtrNotionTask.done h2,.mtrNotionTask.done p{text-decoration:line-through}.notionCheck{width:25px;height:25px;min-height:25px;padding:0;border:1px solid #6ce8f1;border-radius:7px;background:#0a3946;color:#fff;font-size:14px}.mtrTaskMeta{display:flex;gap:8px;margin-bottom:6px;color:#8bbfc8;font-size:10px;font-weight:700;letter-spacing:.06em}.priority{padding:2px 6px;border-radius:5px;background:#174c5a;color:#a9eff5}.priority.high{background:#6a3b18;color:#ffd588}.mtrNotionTask h2{margin:0;font-size:16px}.mtrNotionTask p{max-width:650px;margin:4px 0 0;color:#9fc3c9;font-size:13px;line-height:1.5}.mtrTaskOpen{padding:7px 9px;font-size:11px;white-space:nowrap}
html[data-mtr-theme="light"] .mtrLoginIntro>p:not(.mtrEyebrow){color:#3d626b}html[data-mtr-theme="light"] .mtrRoleCard{background:linear-gradient(135deg,#ffffffec,#e5f4f6e8);color:#12333d;box-shadow:0 10px 28px #1552601c}html[data-mtr-theme="light"] .mtrRoleCard.worker{background:linear-gradient(135deg,#fffef5ec,#f6edd7e8)}html[data-mtr-theme="light"] .mtrRoleCard small,html[data-mtr-theme="light"] .mtrNotionTask p{color:#42646d}html[data-mtr-theme="light"] .mtrNotionHead{background:#effafb;color:#285764}html[data-mtr-theme="light"] .mtrNotionList{background:#ffffffb8}html[data-mtr-theme="light"] .mtrNotionTask:hover{background:#dff4f5}html[data-mtr-theme="light"] .notionCheck{background:#e7f8fa;color:#155766}html[data-mtr-theme="light"] .mtrTaskMeta{color:#377786}
@media(max-width:800px){.mtrLogin{padding:18px 16px 34px}.mtrLoginGrid{min-height:auto;grid-template-columns:1fr;gap:34px;padding:38px 0}.mtrLoginIntro h1{font-size:42px}.mtrRoleCard{min-height:170px}.mtrNotionTask{grid-template-columns:auto 1fr;gap:12px;padding:15px}.mtrTaskOpen{grid-column:2;justify-self:start}.mtrNotionHead{flex-wrap:wrap}.mtrNotionHead b{margin-left:0}}

/* Serwerowy panel zadań w układzie inspirowanym bazą Notion. */
.mtrTaskCreator{grid-column:1/-1;margin-bottom:18px;padding:20px;border:1px solid var(--ui-line);border-radius:18px;background:var(--glass-card);box-shadow:var(--glass-shadow);backdrop-filter:blur(22px) saturate(140%)}
.mtrTaskCreatorHead{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.mtrTaskCreatorHead small{color:var(--mtr-gold);font-size:9px;font-weight:800;letter-spacing:.14em}.mtrTaskCreatorHead h2{margin:2px 0 0;font-size:21px}.mtrTaskCreatorGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mtrTaskCreatorGrid label{display:grid;gap:5px;color:var(--ui-muted);font-size:10px;font-weight:800;letter-spacing:.05em}.mtrTaskCreatorGrid .wide{grid-column:span 2}.mtrTaskCreatorGrid input,.mtrTaskCreatorGrid select,.mtrTaskCreatorGrid textarea,.mtrTaskActions select{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--ui-line)!important;border-radius:9px;background:var(--ui-soft)!important;color:var(--ui-text)!important;font:12px inherit}.mtrTaskCreatorGrid textarea{min-height:82px;resize:vertical}.mtrTaskCreator.collapsed .mtrTaskCreatorGrid,.mtrTaskCreator.collapsed>.mtrTaskFormError,.mtrTaskCreator.collapsed>[type=submit]{display:none}.mtrTaskCreator.collapsed .mtrTaskCreatorHead{margin:0}.mtrTaskFormError{min-height:18px;margin:9px 0;color:#ff9e9e;font-size:11px}
.mtrTaskDatabase{grid-column:1/-1;border:1px solid var(--ui-line);border-top:0;border-radius:0 0 15px 15px;overflow:hidden;background:color-mix(in srgb,var(--ui-surface) 78%,transparent)}
.mtrTaskRow{display:grid;grid-template-columns:115px minmax(260px,1fr) minmax(170px,230px);gap:18px;align-items:center;padding:17px 18px;border-bottom:1px solid var(--ui-line);transition:background .2s ease,opacity .2s ease}.mtrTaskRow:last-child{border-bottom:0}.mtrTaskRow:hover{background:var(--ui-soft)}.mtrTaskRow.status-done,.mtrTaskRow.status-cancelled{opacity:.58}.mtrTaskState{display:flex;align-items:center;gap:8px;color:var(--ui-muted)}.mtrTaskDot{width:10px;height:10px;border:2px solid #63cbd7;border-radius:50%}.status-accepted .mtrTaskDot{background:#e7b24f;border-color:#e7b24f}.status-in_progress .mtrTaskDot{background:#51d9e5;border-color:#51d9e5;box-shadow:0 0 12px #51d9e566}.status-done .mtrTaskDot{background:#61d69a;border-color:#61d69a}.status-cancelled .mtrTaskDot{background:#8a97a0;border-color:#8a97a0}.mtrTaskBody h2{margin:0;font-size:15px}.mtrTaskBody p{margin:5px 0;color:var(--ui-muted);font-size:12px;line-height:1.5;white-space:pre-wrap}.mtrAssignee{display:block;margin-top:7px;color:var(--ui-muted)}.mtrTaskActions{display:grid;gap:7px}.mtrTaskDelete{color:#ffb3b3!important;border-color:#b9585866!important;background:#742f2f22!important}.mtrTaskFinished{color:#79dca7;font-size:11px;font-weight:800}.mtrTaskEmpty{display:grid;place-items:center;gap:5px;padding:50px 20px;color:var(--ui-muted)}.mtrTaskEmpty b{color:var(--ui-text);font-size:17px}
@media(max-width:900px){.mtrTaskCreatorGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.mtrTaskRow{grid-template-columns:100px minmax(0,1fr)}.mtrTaskActions{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.mtrTaskCreatorGrid{grid-template-columns:1fr}.mtrTaskCreatorGrid .wide{grid-column:auto}.mtrTaskRow{grid-template-columns:1fr;gap:10px}.mtrTaskActions{grid-column:auto;grid-template-columns:1fr}.mtrTaskState{justify-content:space-between}.mtrTaskCreator{padding:16px}}

/* Worker-only warehouse tools and administrator discrepancy alerts. */
body.mtr-worker-mode #hud,body.mtr-worker-mode #jarvisDeskNav,body.mtr-worker-mode #stats,body.mtr-worker-mode #legend,body.mtr-worker-mode #tasks,body.mtr-worker-mode #planer,body.mtr-worker-mode #trasy,body.mtr-worker-mode #edyt,body.mtr-worker-mode #logbox,body.mtr-worker-mode #bazabox,body.mtr-worker-mode #inw,body.mtr-worker-mode #volbox,body.mtr-worker-mode #gabcheck,body.mtr-worker-mode #hantleTask{display:none!important}body.mtr-worker-mode #mtrSceneBar{left:auto;right:16px;bottom:16px}.mtr-worker-mode #app canvas{filter:saturate(1.08) contrast(1.04)!important}#mtrWorkerDock{position:fixed;z-index:1100;top:18px;left:18px;width:330px;padding:14px;border:1px solid #64e3ef7b;border-radius:15px;background:linear-gradient(140deg,#123f4cde,#071923ed);box-shadow:0 18px 44px #0009;backdrop-filter:blur(18px);color:#eaffff;animation:mtrPanelIn .42s var(--glass-ease) both}#mtrWorkerDock label{display:block;color:#93dce5;font-size:10px;font-weight:800;letter-spacing:.08em}#mtrWorkerDock input{width:100%;margin-top:6px;padding:9px;background:#061923;color:#eaffff;border:1px solid #3ab8c5;border-radius:8px;font:13px inherit}.workerDockHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#f2bf57;font-size:10px;letter-spacing:.13em}.workerDockHead button{padding:2px 7px;font-size:16px}#workerFound{min-height:58px;margin:10px 0;padding:9px;border:1px solid #56dce535;border-radius:8px;background:#0619239c;color:#bcecf1;font-size:12px;line-height:1.45}.workerReport{width:100%;background:#d59a37!important;color:#211606!important;border-color:#ffc95c!important;font-weight:800}#mtrReportDialog{position:fixed;z-index:1300;inset:0;display:grid;place-items:center;padding:18px;background:#020b10a8;backdrop-filter:blur(8px)}#mtrReportDialog form{width:min(520px,100%);display:grid;gap:11px;padding:22px;border:1px solid #65dfe88a;border-radius:17px;background:linear-gradient(145deg,#174653f4,#071821f5);box-shadow:0 24px 60px #000b;color:#eaffff}#mtrReportDialog header{display:flex;justify-content:space-between;align-items:center;font-size:17px}#mtrReportDialog header button{padding:3px 8px;font-size:17px}#mtrReportDialog label{display:grid;gap:5px;color:#a7e4ea;font-size:11px;font-weight:700}#mtrReportDialog input,#mtrReportDialog textarea{width:100%;padding:9px;border:1px solid #3db7c5;border-radius:8px;background:#061923;color:#efffff;font:13px inherit}#mtrReportDialog textarea{min-height:72px;resize:vertical}.systemItem{margin:0;padding:9px;border-radius:8px;background:#091e29;color:#b8dfe4;font-size:12px;line-height:1.45}.mtrAlerts{display:grid;gap:10px;max-width:900px}.mtrAlerts>h2{margin:14px 0 0;font-size:15px;color:#f1c369}.mtrAlertCard{display:grid;grid-template-columns:120px minmax(0,1fr);gap:15px;padding:15px;border:1px solid #eab8588a;border-radius:13px;background:linear-gradient(130deg,#3c2c16b8,#10252bc7);color:#eaffff}.mtrAlertCard.approved{border-color:#56d49c73;background:linear-gradient(130deg,#14392fbd,#10252bc7)}.mtrAlertCard img{width:120px;height:100px;object-fit:cover;border-radius:9px;border:1px solid #6fe4ee66}.mtrAlertCard h2{margin:0;font-size:16px}.mtrAlertCard p{margin:5px 0 11px;color:#c2dde0;font-size:12px;line-height:1.55}.mtrAlertCard em{color:#8de5b3;font-size:11px;font-style:normal;font-weight:700}.mtrAlertCard button{font-size:11px} .mtrShellNav i{display:inline-grid;place-items:center;min-width:15px;height:15px;margin-left:3px;border-radius:10px;background:#d55b46;color:#fff;font-size:9px;font-style:normal}
html[data-mtr-theme="light"] #mtrWorkerDock,html[data-mtr-theme="light"] #mtrReportDialog form{background:linear-gradient(145deg,#f8fffff4,#ddecf0f5);color:#10333d}html[data-mtr-theme="light"] #mtrWorkerDock input,html[data-mtr-theme="light"] #mtrReportDialog input,html[data-mtr-theme="light"] #mtrReportDialog textarea,html[data-mtr-theme="light"] #workerFound,html[data-mtr-theme="light"] .systemItem{background:#fff;color:#173e47}html[data-mtr-theme="light"] .mtrAlertCard{background:linear-gradient(130deg,#fff7e7,#edf8f9);color:#163841}html[data-mtr-theme="light"] .mtrAlertCard.approved{background:linear-gradient(130deg,#e7faef,#edf8f9)}html[data-mtr-theme="light"] .mtrAlertCard p{color:#385f68}
@media(max-width:760px){#mtrWorkerDock{top:10px;left:10px;right:10px;width:auto}body.mtr-worker-mode #mtrSceneBar{right:10px;bottom:10px}.mtrAlertCard{grid-template-columns:1fr}.mtrAlertCard img{width:100%;height:170px}}

/* The worker tool lives inside the visible scene navigation layer. */
#mtrSceneBar.worker{z-index:1100;top:18px;left:18px;right:auto;bottom:auto;display:block;width:330px;padding:14px;border:1px solid #64e3ef7b;border-radius:15px;background:linear-gradient(140deg,#123f4cde,#071923ed);box-shadow:0 18px 44px #0009;backdrop-filter:blur(18px);color:#eaffff;animation:mtrPanelIn .42s var(--glass-ease) both}#mtrSceneBar.worker label{display:block;color:#93dce5;font-size:10px;font-weight:800;letter-spacing:.08em}#mtrSceneBar.worker input{width:100%;margin-top:6px;padding:9px;background:#061923;color:#eaffff;border:1px solid #3ab8c5;border-radius:8px;font:13px inherit}@media(max-width:760px){#mtrSceneBar.worker{top:10px;left:10px;right:10px;width:auto}}
#mtrSceneBar.worker select{width:100%;margin:6px 0 10px;padding:9px;background:#061923;color:#eaffff;border:1px solid #3ab8c5;border-radius:8px;font:13px inherit}.workerHallSwitch{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;padding:4px;border:1px solid #4bcfdb4d;border-radius:11px;background:#05182188}.workerHallSwitch button{min-height:34px;background:transparent!important;border-color:transparent!important;color:#8fbfc6!important}.workerHallSwitch button.active{background:#1a6877!important;border-color:#69dfeb88!important;color:#fff!important;box-shadow:inset 0 1px #fff2}.workerHallSwitch button:disabled{opacity:.45}.workerSearchResults{display:grid;gap:6px}.workerSearchResults button{display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;padding:8px;text-align:left;background:#0c2a35!important;border-color:#2d7484!important}.workerSearchResults button:hover{border-color:#71e3eb!important;background:#123b48!important}.workerSearchResults b{color:#fff;font-size:11px}.workerSearchResults span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#aed1d6;font-size:10px}.workerSearchResults em{color:#f1c268;font-size:9px;font-style:normal}.workerLocationCard,.workerProductLock{display:grid;gap:4px}.workerLocationCard>b,.workerProductLock>b{color:#fff;font-size:13px}.workerLocationCard span,.workerProductLock span{color:#b6d8dc;font-size:10px}.workerLocationCard.empty span{color:#7fabb1}.workerProductLock small{color:#f0bd59;font-size:8px;font-weight:800;letter-spacing:.12em}.workerProductLock em{color:#77e0e8;font-size:10px;font-style:normal}.workerProductLock button{margin-top:7px}.workerProductLock.locked{padding:2px}.workerProductLock.locked small{color:#73e0a5}#mtrSceneBar.worker input:disabled,#mtrSceneBar.worker select:disabled{opacity:.6;cursor:not-allowed}

/* Account menu and profile settings. */
.mtrShellNav{overflow:visible!important}.mtrAccountNav{position:relative;z-index:100;padding-bottom:11px;margin-bottom:-11px}.mtrRoleButton span{display:inline-block;margin-left:3px;transition:transform .2s ease}.mtrAccountNav:hover .mtrRoleButton span,.mtrAccountNav:focus-within .mtrRoleButton span,.mtrAccountNav.open .mtrRoleButton span{transform:rotate(180deg)}.mtrAccountPopover{position:absolute;z-index:101;top:calc(100% - 2px);right:0;display:grid;min-width:190px;padding:8px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-7px) scale(.97);transform-origin:top right;border:1px solid #72e5ee66;border-radius:13px;background:linear-gradient(145deg,#17434ee8,#071a23f2);box-shadow:0 18px 44px #0009,inset 0 1px #fff1;backdrop-filter:blur(20px) saturate(1.25);transition:opacity .18s ease,visibility .18s ease,transform .22s var(--glass-ease)}.mtrAccountNav:hover .mtrAccountPopover,.mtrAccountNav:focus-within .mtrAccountPopover,.mtrAccountNav.open .mtrAccountPopover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}.mtrAccountPopover:before{content:'';position:absolute;left:0;right:0;top:-10px;height:12px}.mtrAccountPopover small{padding:6px 9px 8px;color:#74cbd4;font-size:9px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mtrAccountPopover button{width:100%;min-height:36px!important;text-align:left!important;color:#dffbfe!important}.mtrAccountPopover button:last-child{color:#ffc1b7!important}.mtrProfileLayout{display:grid;grid-template-columns:260px minmax(0,520px);gap:16px;align-items:start}.mtrProfileIdentity,.mtrProfileForm{border:1px solid #65dce955;border-radius:17px;background:linear-gradient(140deg,#103944d9,#071a24e8);box-shadow:0 18px 46px #0004,inset 0 1px #fff1;backdrop-filter:blur(18px)}.mtrProfileIdentity{display:flex;flex-direction:column;align-items:center;padding:28px 22px;text-align:center}.mtrProfileAvatar{display:grid;place-items:center;width:82px;height:82px;margin-bottom:15px;border:1px solid #70e8f0aa;border-radius:26px;background:radial-gradient(circle at 35% 25%,#39a4b5,#0b4350 66%);box-shadow:0 13px 28px #0006,inset 0 1px #fff4;color:#fff;font-size:34px;font-weight:800}.mtrProfileIdentity h2{margin:0;font-size:20px}.mtrProfileIdentity p{margin:5px 0 15px;color:#96c4ca}.mtrProfileIdentity i{padding:5px 9px;border-radius:20px;background:#1b644b80;color:#81e7b4;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.mtrProfileForm{display:grid;gap:15px;padding:24px}.mtrProfileForm h2{margin:3px 0 0;font-size:21px}.mtrProfileForm>div small{color:#efbc58;font-size:9px;font-weight:800;letter-spacing:.14em}.mtrProfileForm label{display:grid;gap:6px;color:#c9edf1;font-size:11px;font-weight:800}.mtrProfileForm input{width:100%;padding:11px 12px;border:1px solid #55cfdc77;border-radius:9px;background:#061923c9;color:#efffff;font:13px inherit;outline:none}.mtrProfileForm input:focus{border-color:#77ecf4;box-shadow:0 0 0 3px #53dbe620}.mtrProfileForm input[readonly]{border-color:#42687355;background:#0a2028aa;color:#819da2}.mtrProfileForm label span{color:#7fa8af;font-size:9px;font-weight:500}.mtrProfileMessage{min-height:18px;margin:0;font-size:11px}.mtrProfileMessage.success{color:#78dda8}.mtrProfileMessage.error{color:#ff9b91}.mtrProfileForm>.mtrPrimary{justify-self:start;min-width:165px}html[data-mtr-theme="light"] .mtrAccountPopover,html[data-mtr-theme="light"] .mtrProfileIdentity,html[data-mtr-theme="light"] .mtrProfileForm{background:linear-gradient(140deg,#fffffff0,#e8f5f7e8);border-color:#398b9966;color:#12343d}html[data-mtr-theme="light"] .mtrAccountPopover button{color:#153e48!important}html[data-mtr-theme="light"] .mtrAccountPopover button:last-child{color:#a5352d!important}html[data-mtr-theme="light"] .mtrProfileForm label{color:#214c56}html[data-mtr-theme="light"] .mtrProfileForm input{background:#fff;color:#173d46}html[data-mtr-theme="light"] .mtrProfileForm input[readonly]{background:#dfecef;color:#607a80}@media(max-width:800px){.mtrAccountNav{grid-column:1/-1}.mtrAccountNav>.mtrRoleButton{width:100%}.mtrAccountPopover{left:0;right:0}.mtrProfileLayout{grid-template-columns:1fr}.mtrProfileIdentity{display:grid;grid-template-columns:auto 1fr;column-gap:15px;text-align:left}.mtrProfileAvatar{grid-row:1/4;margin:0;width:66px;height:66px;border-radius:20px}.mtrProfileIdentity p{margin:3px 0 8px}.mtrProfileIdentity i{justify-self:start}}

/* Team communication and task conversations. */
.mtrTaskContact{border-color:#4fbbc766!important;color:#9ceaf0!important;background:#0c384466!important}.mtrMessenger{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:510px;border:1px solid #57d9e44d;border-radius:17px;overflow:hidden;background:#071c25b8;box-shadow:0 20px 50px #0004}.mtrMessageFeed{display:flex;flex-direction:column;gap:11px;max-height:570px;padding:20px;overflow:auto}.mtrMessageBubble{align-self:flex-start;max-width:min(78%,620px);padding:12px 14px;border:1px solid #51b9c555;border-radius:5px 16px 16px 16px;background:#123742d9}.mtrMessageBubble.mine{align-self:flex-end;border-color:#d6a94f66;border-radius:16px 5px 16px 16px;background:#59441ec7}.mtrMessageBubble>div{display:flex;gap:9px;align-items:center}.mtrMessageBubble b{font-size:11px}.mtrMessageBubble small{color:#79cbd3;font-size:9px}.mtrMessageBubble.mine small{color:#f3ca78}.mtrMessageBubble p{margin:6px 0;white-space:pre-wrap;color:#e7fbfd;font-size:13px;line-height:1.45}.mtrMessageBubble time{display:block;color:#71939a;font-size:8px;text-align:right}.mtrMessageComposer{display:grid;align-content:end;gap:11px;padding:18px;border-left:1px solid #57d9e433;background:#0b2934cc}.mtrMessageComposer label{display:grid;gap:6px;color:#a7dce2;font-size:10px;font-weight:800}.mtrMessageComposer textarea,.mtrMessageComposer select{width:100%;padding:10px;border:1px solid #4ebbc777;border-radius:9px;background:#061923;color:#edfeff;font:12px inherit}.mtrMessageComposer textarea{min-height:105px;resize:vertical}.mtrMessageComposer p{min-height:15px;margin:0;color:#ff9e94;font-size:10px}.mtrMessageEmpty,.mtrMessengerLoading{margin:auto;color:#789da4;font-size:12px}#mtrMessageDialog{position:fixed;z-index:1400;inset:0;display:grid;place-items:center;padding:18px;background:#020a0fb5;backdrop-filter:blur(9px)}#mtrMessageDialog>section{width:min(720px,100%);max-height:90vh;overflow:auto;border:1px solid #66dfe96b;border-radius:18px;background:linear-gradient(145deg,#123a46f5,#071923f8);box-shadow:0 25px 70px #000b;color:#edfeff}#mtrMessageDialog>section>header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid #61d8e433}#mtrMessageDialog header h2{margin:3px 0 0;font-size:18px}#mtrMessageDialog header small{color:#efbd58;font-size:9px;letter-spacing:.13em}#mtrMessageDialog header button{font-size:18px}#mtrMessageDialog .mtrMessageFeed{max-height:330px}#mtrMessageDialog .mtrMessageComposer{border:0;border-top:1px solid #57d9e433}.mtrTaskThread{display:grid}html[data-mtr-theme="light"] .mtrMessenger,html[data-mtr-theme="light"] #mtrMessageDialog>section{background:#edf7f8ed;color:#133840}html[data-mtr-theme="light"] .mtrMessageComposer{background:#e3f0f2}html[data-mtr-theme="light"] .mtrMessageBubble{background:#fff;color:#153943}html[data-mtr-theme="light"] .mtrMessageBubble.mine{background:#fff1cd}html[data-mtr-theme="light"] .mtrMessageBubble p{color:#183b43}html[data-mtr-theme="light"] .mtrMessageComposer textarea,html[data-mtr-theme="light"] .mtrMessageComposer select{background:#fff;color:#183b43}@media(max-width:800px){.mtrMessenger{grid-template-columns:1fr}.mtrMessageComposer{border-left:0;border-top:1px solid #57d9e433}.mtrMessageBubble{max-width:92%}}

/* Procedures, acknowledgements and cleaning schedule. */
.mtrProcedureGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mtrProcedureCard{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:14px;align-items:center;padding:18px;border:1px solid #61dce14d;border-radius:15px;background:linear-gradient(135deg,#103541d9,#071b25df);box-shadow:0 12px 30px #0003}.mtrProcedureCard>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid #65dce977;border-radius:13px;background:#0d4553;color:#89edf5;font-size:20px}.mtrProcedureCard small{color:#e9b955;font-size:8px;font-weight:800;letter-spacing:.12em}.mtrProcedureCard h2{margin:4px 0;font-size:15px}.mtrProcedureCard p{margin:0;color:#91b7bd;font-size:11px;line-height:1.4}.mtrProcedureCard em{display:block;margin-top:8px;color:#f3bf5a;font-size:9px;font-style:normal;font-weight:800}.mtrProcedureCard.read em{color:#74dba5}.mtrProcedureCard>button{font-size:10px}.mtrSchedule{margin-top:18px;padding:20px;border:1px solid #61dce14d;border-radius:16px;background:#09242ec9}.mtrSchedule>div:first-child small{color:#edb955;font-size:9px;letter-spacing:.13em}.mtrSchedule h2{margin:4px 0 16px}.mtrScheduleTable{overflow:auto}.mtrSchedule table{width:100%;border-collapse:collapse;min-width:680px}.mtrSchedule th,.mtrSchedule td{padding:11px 10px;border-bottom:1px solid #59cdd82b;text-align:left;font-size:11px}.mtrSchedule th{color:#7fc6ce;font-size:9px;letter-spacing:.08em}.mtrScheduleStatus{padding:4px 7px;border-radius:10px;background:#174754;color:#a9e3e8;font-size:9px}.mtrScheduleStatus.done{background:#17523b;color:#91e4b6}.mtrProcedureAdmin{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.mtrProcedureAdmin form{display:grid;gap:10px;padding:20px;border:1px solid #61dce14d;border-radius:16px;background:#09242ed1}.mtrProcedureAdmin h2{margin:0 0 6px;font-size:16px}.mtrProcedureAdmin label{display:grid;gap:5px;color:#a8d8dd;font-size:10px;font-weight:800}.mtrProcedureAdmin input,.mtrProcedureAdmin select,.mtrProcedureAdmin textarea{width:100%;padding:9px;border:1px solid #4bb7c36b;border-radius:8px;background:#061923;color:#efffff;font:12px inherit}.mtrProcedureAdmin textarea{min-height:85px;resize:vertical}.mtrProcedureAdmin p{min-height:14px;margin:0;color:#ff9d93;font-size:10px}#mtrProcedureDialog{position:fixed;z-index:1400;inset:0;display:grid;place-items:center;padding:18px;background:#020a0fb5;backdrop-filter:blur(9px)}#mtrProcedureDialog>article{width:min(760px,100%);max-height:90vh;overflow:auto;border:1px solid #66dfe96b;border-radius:18px;background:linear-gradient(145deg,#123a46f8,#071923fb);box-shadow:0 25px 70px #000b;color:#edfeff}#mtrProcedureDialog header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #61d8e433}#mtrProcedureDialog h2{margin:3px 0 0}#mtrProcedureDialog header small{color:#efbd58;font-size:9px;letter-spacing:.12em}.mtrProcedureContent{padding:24px;color:#cce7ea;font-size:13px;line-height:1.75}.mtrProcedureContent+footer{padding:16px 24px;border-top:1px solid #61d8e433}.mtrProcedureContent+footer span{color:#78dda8;font-size:11px;font-weight:800}html[data-mtr-theme="light"] .mtrProcedureCard,html[data-mtr-theme="light"] .mtrSchedule,html[data-mtr-theme="light"] .mtrProcedureAdmin form,html[data-mtr-theme="light"] #mtrProcedureDialog>article{background:#f4fafbea;color:#143840}html[data-mtr-theme="light"] .mtrProcedureAdmin input,html[data-mtr-theme="light"] .mtrProcedureAdmin select,html[data-mtr-theme="light"] .mtrProcedureAdmin textarea{background:#fff;color:#173c45}@media(max-width:800px){.mtrProcedureGrid,.mtrProcedureAdmin{grid-template-columns:1fr}.mtrProcedureCard{grid-template-columns:44px minmax(0,1fr)}.mtrProcedureCard>button{grid-column:1/-1;width:100%}}

/* Stable Apple-inspired navigation bar and block procedure editor. */
.mtrShellNav{width:max-content;max-width:none;flex-wrap:nowrap!important;white-space:nowrap;align-items:center}.mtrShellNav>button,.mtrShellNav>.mtrAccountNav{flex:0 0 auto}.mtrProfileActions{display:flex;gap:9px;flex-wrap:wrap}.mtrBlockBuilder{display:grid;gap:10px}.mtrBlockToolbar{display:flex;flex-wrap:wrap;gap:6px;padding:10px;border:1px solid #59cbd54a;border-radius:11px;background:#06192380}.mtrBlockToolbar span{width:100%;color:#86cbd2;font-size:9px;font-weight:800;letter-spacing:.12em}.mtrBlockToolbar button{min-height:30px;padding:5px 8px;font-size:9px}.mtrBlockList{display:grid;gap:8px}.mtrContentBlock{display:grid;gap:8px;padding:11px;border:1px solid #58cbd54f;border-radius:11px;background:#0d303b99}.mtrContentBlock header{display:flex;align-items:center;justify-content:space-between}.mtrContentBlock header b{font-size:10px}.mtrContentBlock header button{min-height:27px;padding:3px 7px;color:#ffaaa0;font-size:9px}.mtrContentBlock label{display:grid;gap:5px}.mtrProcedureContent{display:grid;gap:17px}.mtrProcedureContent h3{margin:8px 0 0;font-size:20px;color:#f3fbfc}.mtrProcedureContent p{margin:0}.mtrProcedureContent figure{margin:0}.mtrProcedureContent img{display:block;width:100%;max-height:440px;object-fit:contain;border:1px solid #63d9e455;border-radius:14px;background:#04131b}.mtrProcedureContent figcaption{padding:7px 2px;color:#87adb3;font-size:10px}.mtrProcedureContent ol,.mtrProcedureContent ul{display:grid;gap:8px;margin:0;padding-left:24px}.mtrProcedureContent ul.checklist{list-style:'☐  '}.mtrProcedureContent aside{padding:14px 16px;border:1px solid #e4b75677;border-left:4px solid #e4b756;border-radius:11px;background:#5b421d66;color:#ffe6ae}html[data-mtr-theme="light"] .mtrBlockToolbar,html[data-mtr-theme="light"] .mtrContentBlock{background:#fff}html[data-mtr-theme="light"] .mtrProcedureContent h3{color:#143840}@media(max-width:1100px){.mtrShellBrand{grid-column:1/-1}.mtrShellNav{grid-column:1/-1;width:100%;max-width:100%;justify-content:flex-start!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;border-radius:19px!important}.mtrShellNav::-webkit-scrollbar{display:none}.mtrAccountNav{padding-bottom:0;margin-bottom:0}.mtrAccountPopover{display:none!important}}@media(max-width:600px){.mtrShellNav{padding:6px!important}.mtrShellNav button{font-size:10px!important;padding:7px 9px!important}.mtrBlockToolbar button{font-size:8px!important}}

/* Account popover portal: independent from navbar overflow and breakpoints. */
#mtrAppShell>.mtrAccountPopover{position:fixed!important;right:auto!important;z-index:2200!important;display:grid!important}.mtrAccountPopover.is-open{display:grid!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0) scale(1)!important}

/* Navigation is the top interactive layer of the application shell. */
#mtrAppShell .mtrLanding>.mtrShellNav,#mtrAppShell .mtrWorkspace>.mtrShellNav{position:relative!important;z-index:2147483000!important;isolation:isolate;pointer-events:auto!important}#mtrAppShell>.mtrAccountPopover{z-index:2147483647!important;isolation:isolate;pointer-events:auto!important}#mtrAppShell>.mtrAccountPopover button{position:relative;z-index:1;pointer-events:auto!important}.mtrHero,.mtrMetrics,.mtrStatusOrbit,.mtrOrderOrbit{z-index:1}.mtrMetrics{position:relative}