/* MTR frosted glass: teal, midnight blue and champagne. */
:root{
  --ui-bg:#072332;--ui-surface:#163e4c;--ui-soft:#17424e;--ui-glass:rgba(12,39,52,.86);
  --ui-line:rgba(184,233,238,.27);--ui-text:#f0fbfc;--ui-muted:#c0d9dd;--ui-accent:#f4d293;
  --glass-card:linear-gradient(135deg,rgba(223,255,254,.18),rgba(77,165,177,.09) 42%,rgba(10,39,53,.35));
  --glass-edge:rgba(202,246,248,.36);--glass-shadow:inset 0 1px 0 #eeffff50,inset 1px 0 0 #ffffff18,0 16px 42px #01192333;
  --glass-field:rgba(3,30,43,.52);--glass-radius:26px;
}
html[data-mtr-theme="light"]{
  --ui-bg:#e0eeed;--ui-surface:#edf7f5;--ui-soft:#e0efec;--ui-glass:rgba(236,248,245,.91);
  --ui-line:rgba(35,98,108,.25);--ui-text:#133b45;--ui-muted:#365f68;--ui-accent:#81540e;
  --glass-card:linear-gradient(135deg,rgba(255,255,255,.73),rgba(244,255,252,.42) 50%,rgba(235,249,248,.3));
  --glass-edge:rgba(255,255,255,.8);--glass-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #ffffff80,0 16px 38px #285e6320;
  --glass-field:rgba(246,255,253,.73);
}
#mtrAppShell,html[data-mtr-theme="light"] #mtrAppShell{
  isolation:isolate;background:radial-gradient(ellipse at 16% 44%,#1a9baa55,transparent 51%),radial-gradient(ellipse at 92% 65%,#d7a35770,transparent 48%),linear-gradient(140deg,#031727 3%,#0d4c5f 58%,#7a694b 115%);
}
html[data-mtr-theme="light"] #mtrAppShell{background:radial-gradient(ellipse at 14% 35%,#50b8c444,transparent 52%),radial-gradient(ellipse at 92% 65%,#f4c9799c,transparent 55%),linear-gradient(125deg,#d6eeef,#aed4d7 55%,#f3e7ca)}
#mtrAppShell:before,#mtrAppShell:after{display:block!important;content:'';position:fixed;pointer-events:none;z-index:-1;border-radius:50%;mask-image:none!important;animation:none!important;transform:none!important}
#mtrAppShell:before{inset:-220px -180px auto auto;width:640px;height:640px;background:radial-gradient(circle at 26% 23%,#c4fff62b,transparent 59%),linear-gradient(140deg,#9ce9e530,#25738518 60%,#e9c58540);border:1px solid #cdffff38;box-shadow:inset 8px 6px 35px #b9faf63b,0 35px 100px #001d3630}
#mtrAppShell:after{inset:auto auto -270px -180px;width:650px;height:650px;background:radial-gradient(circle at 38% 14%,#a6ede445,transparent 66%);border:1px solid #d4ffff24;box-shadow:inset 9px 12px 45px #c0fff321}
html[data-mtr-theme="light"] #mtrAppShell:before{inset:-220px -180px auto auto;background:linear-gradient(140deg,#ffffff70,#a9eeea20 60%,#ffdda53b);border-color:#ffffff8c;box-shadow:inset 8px 6px 35px #ffffff75,0 35px 100px #38767c18}
.mtrLanding,.mtrWorkspace{max-width:1380px;padding:34px 44px 64px;row-gap:32px;animation:mtrGlassEnter .45s ease-out both}
.mtrShellNav{justify-self:end;padding:7px;background:var(--glass-card);border:1px solid var(--glass-edge);border-radius:19px;box-shadow:var(--glass-shadow);backdrop-filter:blur(24px) saturate(135%);gap:3px}
.mtrShellNav button,html[data-mtr-theme="light"] .mtrShellNav button{background:transparent;border:1px solid transparent;border-radius:12px;min-height:42px;color:var(--ui-text);font-weight:500;box-shadow:none!important}
.mtrShellNav button[aria-current=page],html[data-mtr-theme="light"] .mtrShellNav button[aria-current=page]{background:#dbffff1c;border-color:var(--glass-edge);box-shadow:inset 0 1px 0 #ffffff35!important}
html[data-mtr-theme="light"] .mtrShellNav button[aria-current=page]{background:#ffffff7a}
.mtrWordmark{width:176px}.mtrRoleButton{font-size:10px!important;opacity:.85}
.mtrHero{border:0;min-height:460px;gap:50px;padding:24px 0 34px}
.mtrHero h1{font-weight:500;line-height:1.1;letter-spacing:-.045em;font-size:clamp(36px,4.1vw,58px)}
.mtrHero p:not(.mtrEyebrow),.mtrWorkspace header>p:last-child,html[data-mtr-theme="light"] .mtrHero p:not(.mtrEyebrow){color:var(--ui-muted)}
.mtrEyebrow{border-left:1px solid var(--glass-edge);padding-left:13px;letter-spacing:.17em;font-weight:600;line-height:1.8}
.mtrHeroActions{margin-top:28px;gap:12px}.mtrHeroActions button{border-radius:14px;min-height:48px;padding:12px 19px}
.mtrPrimary,.pri2,html[data-mtr-theme="light"] .mtrPrimary{background:linear-gradient(125deg,#f9dda3e8,#edb95bcc)!important;box-shadow:inset 0 1px 0 #fff5dcad,0 9px 25px #d5a15825!important;border-color:#ffe8b788!important;color:#3c2d12!important}
.mtrGhost,html[data-mtr-theme="light"] .mtrGhost{background:var(--glass-card)!important;border-color:var(--glass-edge)!important;box-shadow:var(--glass-shadow)!important;color:var(--ui-text)!important;backdrop-filter:blur(16px)}
/* The two live indicators share one responsive composition. */
.mtrMetrics{gap:20px;padding:28px 0;align-items:center}
.mtrStatusOrbit,html[data-mtr-theme="light"] .mtrStatusOrbit,.mtrOrderOrbit,html[data-mtr-theme="light"] .mtrOrderOrbit{border-radius:var(--glass-radius);border:1px solid var(--glass-edge);background:var(--glass-card);box-shadow:var(--glass-shadow);backdrop-filter:blur(24px) saturate(140%);overflow:hidden;align-items:flex-start;justify-content:flex-end;padding:28px}
.mtrStatusOrbit,html[data-mtr-theme="light"] .mtrStatusOrbit{width:210px;height:236px;transform:translateY(16px)}
.mtrOrderOrbit,html[data-mtr-theme="light"] .mtrOrderOrbit{width:170px;height:270px;transform:translateY(-14px);background:linear-gradient(150deg,#dfffff20,#aabf9430 57%,#dfac664f)}
.mtrStatusOrbit:before,.mtrOrderOrbit:before{content:'◈';inset:22px auto auto 24px;width:36px;height:36px;border:1px solid #e4ffff32;border-radius:50%;display:grid;place-items:center;background:#dcffff18;color:var(--ui-text);font-size:19px;animation:none;position:absolute}
.mtrOrderOrbit:before{content:'↗';border-style:solid}.mtrStatusOrbit:after{display:none}.mtrStatusOrbit i,.mtrOrderOrbit i{display:none}
.mtrStatusOrbit span,html[data-mtr-theme="light"] .mtrStatusOrbit span{font-size:68px;font-weight:450;line-height:1;letter-spacing:-.06em}
.mtrOrderOrbit span,html[data-mtr-theme="light"] .mtrOrderOrbit span{font-size:48px;font-weight:450;line-height:1;letter-spacing:-.04em}
.mtrStatusOrbit small,.mtrOrderOrbit small,html[data-mtr-theme="light"] .mtrStatusOrbit small,html[data-mtr-theme="light"] .mtrOrderOrbit small{color:var(--ui-muted);text-align:left;letter-spacing:.13em;font-size:9px;line-height:1.75;margin-top:15px}
.mtrQuick,.mtrDataGrid{gap:20px}
.mtrQuick button,.mtrDataGrid button,.mtrSettings section,.mtrRoleCard,.mtrNotionTask,.mtrAlertCard,html[data-mtr-theme="light"] :is(.mtrQuick button,.mtrDataGrid button,.mtrSettings section){background:var(--glass-card)!important;border:1px solid var(--glass-edge)!important;border-radius:var(--glass-radius);box-shadow:var(--glass-shadow)!important;backdrop-filter:blur(22px) saturate(140%);color:var(--ui-text);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.mtrQuick button,.mtrDataGrid button{min-height:180px;padding:28px}
.mtrQuick button:hover,.mtrDataGrid button:hover,html[data-mtr-theme="light"] :is(.mtrQuick button:hover,.mtrDataGrid button:hover){transform:translateY(-4px);border-color:#dcffff9c!important;box-shadow:inset 0 1px 0 #ffffff75,0 22px 44px #011f303b!important}
.mtrQuick b,.mtrDataGrid b{font-weight:550;font-size:17px;letter-spacing:-.02em}.mtrQuick span,.mtrDataGrid span{color:var(--ui-muted)!important}
.mtrDataGrid em{font-weight:500;letter-spacing:.08em}.mtrWorkspace>header{border:0;margin:12px 0 0;padding:22px 0 4px}
.mtrWorkspace h1{font-weight:500}.mtrSettings section{padding:28px}.mtrSettings h2{font-weight:550}
.mtrNotionHead{background:var(--glass-card);border-color:var(--glass-edge);border-radius:16px;backdrop-filter:blur(20px)}
.mtrTaskMeta,.mtrNotionTask p,.mtrAlertCard p,.mtrOption span small,.mtrHint{color:var(--ui-muted)!important}
.mtrRoleCard{border-radius:28px!important}.mtrLoginSignal{color:var(--ui-cyan)}
/* All operational overlays keep a darker glass base for dense data. */
:is(#panel,#tasks,#planer,#trasy,#edyt,#logbox,#bazabox,#inw,#volbox,#gabcheck,#hantleTask,#deskTaskBoard,#jarvisMenu,#stats,#legend,#tip,#walkhud,#mtrSceneBar){background:linear-gradient(130deg,#d5fff00e,transparent 50%),var(--ui-glass)!important;border-color:var(--glass-edge)!important;border-radius:22px!important;box-shadow:var(--glass-shadow)!important;backdrop-filter:blur(26px) saturate(140%)}
#hud{background:var(--ui-glass)!important;box-shadow:inset 0 -1px 0 var(--glass-edge),0 8px 24px #001c2920!important;backdrop-filter:blur(24px)}
#jarvisDeskNav .jdControls{border:1px solid var(--glass-edge);border-radius:14px;padding:5px;background:var(--glass-card);gap:4px;box-shadow:inset 0 1px 0 #ffffff20}
#jarvisDeskNav button,button,.mini{border-radius:11px;border-color:var(--ui-line);background:var(--glass-card);color:var(--ui-text)}
#jarvisDeskNav button{background:transparent;box-shadow:none}#jarvisDeskNav button:hover{background:#b3ece320}
#jarvisMenu button{border-radius:10px}.jdBrand small{opacity:.65}
:is(.task,.pstep,.row,.src,.ebox,.brow,.irow,.volrow,.hstep,.jbCard,.plancheck,.cofinfo,.help,.hstats,.volCarton,.volLocations){background:var(--glass-field)!important;border-color:var(--ui-line)!important;border-radius:13px;box-shadow:inset 0 1px 0 #ddffff0c!important}
input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{background:var(--glass-field)!important;border-color:var(--ui-line)!important;border-radius:11px;color:var(--ui-text)!important}
select option{background:var(--ui-surface);color:var(--ui-text)}
#mtrReportDialog form,.sbx{background:var(--ui-glass)!important;border-color:var(--glass-edge);backdrop-filter:blur(28px);border-radius:26px!important;box-shadow:var(--glass-shadow)}
.mtrSegment button.active{background:#97d9d12b!important}.mtrSegment{border-color:var(--ui-line)!important;border-radius:11px}
@keyframes mtrGlassEnter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.mtrShellNav{justify-self:start}.mtrLanding,.mtrWorkspace{padding:26px}.mtrHero{gap:26px}.mtrMetrics{gap:14px;flex-wrap:nowrap}.mtrStatusOrbit,html[data-mtr-theme="light"] .mtrStatusOrbit{width:168px;height:218px;padding:23px}.mtrOrderOrbit,html[data-mtr-theme="light"] .mtrOrderOrbit{width:140px;height:246px;padding:23px}}
@media(max-width:760px){.mtrHero{grid-template-columns:1fr;gap:8px;min-height:auto}.mtrMetrics{justify-content:center;padding:26px 0}.mtrShellNav{justify-self:stretch;justify-content:flex-start;gap:3px;padding:6px}.mtrShellNav button{min-height:42px}.mtrLanding,.mtrWorkspace{padding:24px 18px 40px;row-gap:24px}.mtrHero h1{font-size:38px;max-width:520px}.mtrHeroActions button{font-size:12px;padding:11px 14px}.mtrStatusOrbit,html[data-mtr-theme="light"] .mtrStatusOrbit{width:calc(50% - 8px);max-width:200px;height:205px;transform:translateY(10px)}.mtrOrderOrbit,html[data-mtr-theme="light"] .mtrOrderOrbit{width:calc(50% - 8px);max-width:180px;height:235px;transform:translateY(-8px)}.mtrQuick,.mtrDataGrid{gap:14px}.mtrQuick button,.mtrDataGrid button{min-height:148px;padding:24px}.mtrSettings section{padding:23px}.mtrWorkspace h1{font-size:34px}#mtrAppShell:before{width:430px;height:430px;inset:-140px -245px auto auto}#mtrAppShell:after{width:500px;height:500px;inset:auto auto -220px -260px}}
@supports not (backdrop-filter:blur(1px)){.mtrQuick button,.mtrDataGrid button,.mtrSettings section,.mtrRoleCard,.mtrNotionTask,.mtrAlertCard,.mtrStatusOrbit,.mtrOrderOrbit{background:var(--ui-surface)!important}}
@media(max-width:760px){html[data-mtr-theme="light"] #mtrAppShell:before{inset:-140px -245px auto auto}#hud{background:var(--ui-glass)!important;border-color:var(--glass-edge)!important}#hud .btns{border-top:1px solid var(--ui-line);padding-top:8px}#hud button{border-radius:10px;min-height:36px;background:var(--glass-card)}:is(#planer,#inw,#bazabox,#volbox,#hantleTask,#trasy) .sub{display:block!important}}
@media(prefers-reduced-transparency:reduce){.mtrQuick button,.mtrDataGrid button,.mtrSettings section,.mtrRoleCard,.mtrNotionTask,.mtrAlertCard,.mtrStatusOrbit,.mtrOrderOrbit{background:var(--ui-surface)!important;backdrop-filter:none!important}}
@media(prefers-reduced-motion:reduce){.mtrLanding,.mtrWorkspace{animation:none!important}.mtrQuick button,.mtrDataGrid button{transition:none!important}}
body.mtr-high-contrast :is(.mtrQuick button,.mtrDataGrid button,.mtrSettings section,.mtrRoleCard,.mtrNotionTask,.mtrAlertCard,.mtrStatusOrbit,.mtrOrderOrbit,#planer,#inw,#bazabox,#volbox){background:var(--ui-bg)!important;border:2px solid var(--ui-text)!important;backdrop-filter:none!important}
.jbIntro{color:var(--muted);font-size:.9rem;line-height:1.45;margin:0 0 14px}.jbMixLabel{display:grid;gap:7px;color:var(--text);font-weight:700;font-size:.82rem}.jbMixLabel textarea{resize:vertical;min-height:120px;border:1px solid var(--line);border-radius:14px;background:rgba(4,25,36,.72);color:var(--text);padding:12px;font:inherit;outline:none}.jbMixLabel textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(57,220,239,.14)}#jbMixCalc{margin-top:12px;width:100%}.jbMixResult{margin-top:16px;border-top:1px solid var(--line);padding-top:12px}.jbMixResult ol{margin:0;padding-left:23px;display:grid;gap:8px}.jbMixResult li{padding:8px 10px;border-radius:10px;background:rgba(24,109,133,.2);color:var(--text)}.jbMixResult small{display:block;color:var(--muted);font-size:.76rem;margin-top:2px}.jbMixSummary{color:var(--gold);font-size:.78rem;margin:12px 0 0}
.jbMixHits,.jbMixList{display:grid;gap:6px;margin:8px 0 14px}.jbHit,.jbMixChip{border:1px solid var(--line);border-radius:10px;background:rgba(24,109,133,.2);color:var(--text);padding:9px 11px;text-align:left;cursor:pointer}.jbHit small{display:block;color:var(--muted);margin-top:2px}.jbMixChip{display:flex;justify-content:space-between;background:rgba(226,161,63,.16);color:var(--gold)}
.mtrAccountLogin{align-self:center;display:grid;gap:14px;padding:30px;border:1px solid var(--line);border-radius:24px;background:rgba(11,43,55,.72);backdrop-filter:blur(26px);box-shadow:0 24px 80px rgba(0,0,0,.3)}.mtrAccountLogin h2{margin:0 0 6px}.mtrAccountLogin label,.mtrUsersPanel label{display:grid;gap:6px;font-size:.82rem;font-weight:700}.mtrAccountLogin input,.mtrUsersPanel input,.mtrUsersPanel select{min-height:44px;padding:0 13px;border:1px solid var(--line);border-radius:12px;background:rgba(4,25,36,.72);color:var(--text);font:inherit}.mtrAccountLogin [role=alert],.mtrUsersPanel [role=alert]{min-height:20px;margin:0;color:#ff8f9f;font-size:.82rem}#mtrUsersDialog{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:20px;background:rgba(1,8,14,.72);backdrop-filter:blur(16px)}.mtrUsersPanel{width:min(620px,100%);max-height:90vh;overflow:auto;display:grid;gap:12px;padding:24px;border:1px solid var(--line);border-radius:24px;background:#092330;color:var(--text);box-shadow:0 30px 100px rgba(0,0,0,.55)}.mtrUsersPanel header{display:flex;align-items:center;justify-content:space-between}.mtrUsersPanel header h2{margin:0}.mtrUsersPanel header button{border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--text);padding:8px 11px}.mtrUsersPanel #mtrUsersList{display:grid;gap:8px}.mtrUsersPanel #mtrUsersList article{display:grid;grid-template-columns:1fr auto;gap:3px 12px;padding:12px;border:1px solid var(--line);border-radius:13px;background:rgba(30,118,140,.14)}.mtrUsersPanel #mtrUsersList small{color:var(--muted)}.mtrUsersPanel #mtrUsersList button{grid-column:2;grid-row:1/3;border:1px solid var(--line);border-radius:10px;background:rgba(226,161,63,.16);color:var(--gold);padding:7px 10px}
.mtrPasswordField{position:relative}.mtrPasswordField input{width:100%;padding-right:72px}.mtrPasswordField button{position:absolute;top:50%;right:7px;min-height:32px;padding:5px 9px;transform:translateY(-50%);border:1px solid var(--line);border-radius:8px;background:rgba(30,118,140,.18);color:var(--cyan);font-family:inherit;font-size:.72rem;font-weight:700}.mtrPasswordField button:hover,.mtrPasswordField button:focus-visible{background:rgba(30,118,140,.34);border-color:var(--cyan);outline:none}.mtrPasswordField button:active{transform:translateY(-50%) scale(.96)}