/* Shared visual system for the application shell and warehouse tools. */
:root{--ui-bg:#080f18;--ui-surface:#111f2c;--ui-glass:rgba(17,31,44,.96);--ui-soft:#182a39;--ui-line:#2b4051;--ui-text:#edf5fa;--ui-muted:#a5b7c5;--ui-accent:#ecc074;--ui-cyan:#7cd9df;--ui-shadow:0 18px 50px #0004;--ui-radius:18px;color-scheme:dark}
html[data-mtr-theme="light"]{--ui-bg:#edf2f6;--ui-surface:#fff;--ui-glass:rgba(255,255,255,.97);--ui-soft:#f2f6f9;--ui-line:#cad7e0;--ui-text:#162b3c;--ui-muted:#526b7d;--ui-accent:#9b650c;--ui-cyan:#176d80;--ui-shadow:0 14px 40px #1a3d5512;color-scheme:light}
body{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ui-text);letter-spacing:.005em}
button,input,select,textarea{font-family:inherit;font-size:13px;line-height:1.5}
button{min-height:36px;border-radius:10px;border:1px solid var(--ui-line);background:var(--ui-soft);color:var(--ui-text);padding:8px 13px;box-shadow:none;transition:background .18s,border-color .18s,transform .18s}
button:hover{background:var(--ui-surface);border-color:var(--ui-cyan)}
button:active{transform:translateY(1px)}
button:disabled{opacity:.5;cursor:not-allowed}
:is(button,input,select,textarea,a):focus-visible{outline:3px solid var(--ui-cyan);outline-offset:3px}
input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{background:var(--ui-bg)!important;color:var(--ui-text)!important;border:1px solid var(--ui-line)!important;border-radius:9px;padding:9px 11px;min-height:38px;max-width:100%;box-shadow:none!important}
input::placeholder,textarea::placeholder{color:var(--ui-muted);opacity:.85}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--ui-cyan)}
textarea{line-height:1.65}
*{scrollbar-width:thin;scrollbar-color:var(--ui-line) transparent}
#mtrAppShell,html[data-mtr-theme="light"] #mtrAppShell{background:radial-gradient(ellipse at 85% 15%,#34859414,transparent 45%),var(--ui-bg);color:var(--ui-text)}
#mtrAppShell:before,#mtrAppShell:after{display:none!important}
.mtrLanding,.mtrWorkspace{width:100%;max-width:1440px;margin:auto;padding:28px 44px 56px;display:grid;grid-template-columns:auto minmax(0,1fr);align-content:start;column-gap:30px;row-gap:28px}
.mtrShellBrand{align-self:center;margin:0!important;animation:none!important}
.mtrWordmark{width:172px;filter:none!important;animation:none!important}
.mtrWordmark text{fill:var(--ui-text)!important}
.mtrShellNav{position:static!important;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px;margin:0!important;align-self:center;animation:none!important}
.mtrShellNav button,html[data-mtr-theme="light"] .mtrShellNav button{font-size:12px;font-weight:600;color:var(--ui-muted);min-height:40px;padding:9px 13px;border-radius:10px;background:transparent;box-shadow:none}
.mtrShellNav button[aria-current=page],html[data-mtr-theme="light"] .mtrShellNav button[aria-current=page]{background:var(--ui-soft);border-color:var(--ui-line);color:var(--ui-text)}
.mtrPrimary,.pri2,html[data-mtr-theme="light"] .mtrPrimary{background:linear-gradient(120deg,#edc77f,#e2ad52)!important;border-color:#ebc77f!important;color:#292011!important;box-shadow:0 5px 18px #d9a14018!important}
.mtrGhost,html[data-mtr-theme="light"] .mtrGhost{background:var(--ui-soft)!important;border-color:var(--ui-line)!important;color:var(--ui-text)!important}
.mtrHero,.mtrQuick,.mtrWorkspace>header,.mtrDataGrid,.mtrSettings,.mtrNotionHead,.mtrNotionList,.mtrAlerts{grid-column:1/-1;min-width:0}
.mtrHero{position:relative;min-height:400px;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:40px;padding:38px 0 28px;border-top:1px solid var(--ui-line)}
.mtrHero h1{font-size:clamp(34px,3.7vw,54px);font-weight:650;line-height:1.12;letter-spacing:-.045em;max-width:650px}
.mtrHero p:not(.mtrEyebrow),.mtrWorkspace header>p:last-child,html[data-mtr-theme="light"] .mtrHero p:not(.mtrEyebrow){font-size:15px;line-height:1.8;color:var(--ui-muted);max-width:540px}
.mtrEyebrow{font-size:10px;letter-spacing:.19em;color:var(--ui-accent)!important;margin-bottom:18px}
.mtrHeroActions{gap:10px;margin-top:24px}
.mtrHeroActions button{min-height:45px;font-size:13px}
.mtrMetrics{display:flex;align-items:center;justify-content:center;gap:25px;padding:38px 15px;min-width:0}
.mtrStatusOrbit,html[data-mtr-theme="light"] .mtrStatusOrbit{flex:0 0 auto;width:200px;height:200px;margin:0;border-color:var(--ui-line);background:radial-gradient(circle,#49b2c112,transparent 70%);box-shadow:none;animation:none}
.mtrStatusOrbit:before{inset:13px;border-color:#a9cbd42b;animation:none}.mtrStatusOrbit:after{inset:-9px;border-color:#c9ab662e;animation-duration:60s}
.mtrStatusOrbit span,html[data-mtr-theme="light"] .mtrStatusOrbit span{font-size:62px;font-weight:600;letter-spacing:-.06em;color:var(--ui-text);font-variant-numeric:tabular-nums}
.mtrStatusOrbit small,html[data-mtr-theme="light"] .mtrStatusOrbit small{color:var(--ui-muted);font-size:9px;line-height:1.6}
.mtrStatusOrbit b{display:none}.mtrStatusOrbit i{width:6px;height:6px;box-shadow:0 0 9px #5df1b155}
.mtrOrderOrbit,html[data-mtr-theme="light"] .mtrOrderOrbit{position:relative;inset:auto;transform:none;flex:0 0 auto;width:118px;height:118px;background:var(--ui-surface);border-color:var(--ui-line);box-shadow:var(--ui-shadow)}
.mtrOrderOrbit:before{inset:7px;border-color:#c2a96f40;animation:none}.mtrOrderOrbit span,html[data-mtr-theme="light"] .mtrOrderOrbit span{color:var(--ui-text);font-size:36px;font-weight:600;font-variant-numeric:tabular-nums}
.mtrOrderOrbit small,html[data-mtr-theme="light"] .mtrOrderOrbit small{color:var(--ui-muted);line-height:1.6}.mtrOrderOrbit i{display:none}
.mtrQuick,.mtrDataGrid{gap:16px}
.mtrQuick button,.mtrDataGrid button,.mtrSettings section,.mtrRoleCard,.mtrNotionTask,.mtrAlertCard,html[data-mtr-theme="light"] :is(.mtrQuick button,.mtrDataGrid button,.mtrSettings section){border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);color:var(--ui-text);box-shadow:0 3px 10px #00000008;animation:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.mtrQuick button,.mtrDataGrid button{padding:26px;min-height:155px;position:relative}
.mtrQuick button:after,.mtrDataGrid button:after,.mtrSettings section:after{display:none}
.mtrQuick button:hover,.mtrDataGrid button:hover,html[data-mtr-theme="light"] :is(.mtrQuick button:hover,.mtrDataGrid button:hover){transform:translateY(-3px);border-color:var(--ui-cyan);box-shadow:var(--ui-shadow)}
.mtrQuick b,.mtrDataGrid b{font-size:16px;font-weight:650;line-height:1.5;margin-bottom:9px}
.mtrQuick span,.mtrDataGrid span,.mtrHint,.mtrOption span small,html[data-mtr-theme="light"] :is(.mtrQuick span,.mtrDataGrid span,.mtrHint){color:var(--ui-muted);font-size:13px;line-height:1.7}
.mtrDataGrid em{color:var(--ui-accent);font-size:11px;margin-top:23px}
.mtrWorkspace>header{margin:16px 0 0;padding:30px 0 10px;border-top:1px solid var(--ui-line)}
.mtrWorkspace h1{font-size:clamp(30px,3vw,44px);line-height:1.15;letter-spacing:-.035em}
.mtrSettings{width:100%;max-width:920px;gap:20px}.mtrSettings section{padding:25px}.mtrSettings h2{font-size:17px}.mtrOption{padding:18px 0;gap:24px}.mtrOption+.mtrOption{border-color:var(--ui-line)}
.mtrSegment{border-color:var(--ui-line)!important}.mtrSegment button{color:var(--ui-muted)!important}.mtrSegment button.active{background:var(--ui-soft)!important;color:var(--ui-text)!important}
.mtrNotionHead{padding:16px 20px;border:1px solid var(--ui-line);border-radius:12px;background:var(--ui-soft);color:var(--ui-muted)}
.mtrNotionTask,.mtrAlertCard{padding:22px;margin-bottom:12px;gap:20px}.mtrNotionTask h2,.mtrAlertCard h2{color:var(--ui-text);font-size:16px}.mtrNotionTask p,.mtrAlertCard p{color:var(--ui-muted);line-height:1.7}.mtrTaskMeta{gap:12px}.mtrAlertCard img{border-radius:12px;object-fit:cover}
.mtrLogin{max-width:1260px;padding:42px;margin:auto}.mtrLoginGrid{gap:60px}.mtrLogin h1{font-size:clamp(34px,4vw,58px);line-height:1.12}.mtrRoleCard{padding:28px!important}.mtrRoleCard small{color:var(--ui-muted)}
/* Common surfaces used by every tool over the 3D scene. */
:is(#panel,#tasks,#planer,#trasy,#edyt,#logbox,#bazabox,#inw,#volbox,#gabcheck,#hantleTask,#deskTaskBoard,#jarvisMenu,#stats,#legend,#tip,#walkhud,#mtrSceneBar){background:var(--ui-glass)!important;color:var(--ui-text)!important;border:1px solid var(--ui-line)!important;border-radius:16px!important;box-shadow:var(--ui-shadow)!important;backdrop-filter:blur(18px);text-shadow:none!important}
:is(#planer,#trasy,#edyt,#logbox,#bazabox,#inw,#volbox,#gabcheck,#hantleTask,#deskTaskBoard){padding:22px!important;top:90px!important;right:16px!important;bottom:20px!important;max-height:calc(100dvh - 110px)!important;max-width:calc(100vw - 32px)!important;overflow:auto;scrollbar-gutter:stable}
:is(#planer,#trasy,#edyt,#logbox,#bazabox,#inw,#volbox,#gabcheck,#hantleTask) h2{font-size:20px;line-height:1.35;letter-spacing:-.025em;margin:8px 0 12px;color:var(--ui-text)}
:is(.task,.pstep,.row,.src,.ebox,.brow,.irow,.volrow,.hstep,.jbCard){background:var(--ui-soft)!important;border-color:var(--ui-line)!important;color:var(--ui-text);border-radius:10px;box-shadow:none!important}
:is(.sub,.meta,.lbl,.empty,.cofinfo){color:var(--ui-muted)!important}.row .a,.task .hd .nm,.pstep .ad{color:var(--ui-text)!important}.row .b,.task .nz{color:var(--ui-muted)!important}
.pstep{padding:15px;margin-bottom:12px}.pstep .nr{background:var(--ui-cyan);color:var(--ui-bg)}
.mini{min-height:34px;padding:7px 10px;font-size:12px;background:var(--ui-soft);color:var(--ui-text);border-color:var(--ui-line)}
button.on,button[aria-pressed=true]{background:var(--ui-soft);border-color:var(--ui-cyan);color:var(--ui-cyan)}
.th{width:44px;height:44px;object-fit:contain;padding:3px;border-radius:8px}.th.ph{background:var(--ui-bg);color:var(--ui-muted)}
table{border-collapse:collapse;width:100%;font-size:12px}th{color:var(--ui-muted);font-weight:600;text-align:left}td,th{padding:10px 8px;border-bottom:1px solid var(--ui-line)}
#jarvisDeskNav,#hud{background:var(--ui-glass)!important;border-color:var(--ui-line)!important;box-shadow:0 4px 18px #0002!important;color:var(--ui-text)}
#jarvisDeskNav button{min-height:36px;background:var(--ui-soft);color:var(--ui-text);border-color:var(--ui-line);border-radius:9px;box-shadow:none}
.jdBrand,.jdBrand small,#hud h1{color:var(--ui-text)!important;text-shadow:none!important}.jdMark{box-shadow:none!important}
#jarvisMenu{padding:10px!important;min-width:235px}#jarvisMenu button{padding:12px;text-align:left;border:0;background:transparent;color:var(--ui-text)}#jarvisMenu button:hover{background:var(--ui-soft)}.jmTitle{color:var(--ui-muted);padding:10px;font-size:10px;letter-spacing:.13em}
#stats{font-size:11px;padding:14px 16px}#stats b{font-size:14px;color:var(--ui-text)}#legend{font-size:11px}#mtrSceneBar{padding:8px 12px}
#mtrReportDialog form,.sbx{background:var(--ui-surface)!important;color:var(--ui-text)!important;border:1px solid var(--ui-line);border-radius:20px!important;box-shadow:var(--ui-shadow);padding:26px!important;max-width:calc(100vw - 32px)}
#mtrReportDialog label{color:var(--ui-muted);font-size:13px;line-height:1.8}
@media(min-width:1500px){.mtrHero{min-height:470px}.mtrStatusOrbit{width:236px;height:236px}.mtrMetrics{gap:34px}}
@media(max-width:1100px){.mtrLanding,.mtrWorkspace{padding:24px;gap:24px}.mtrShellBrand,.mtrShellNav{grid-column:1/-1}.mtrShellNav{justify-content:flex-start}.mtrHero{gap:24px;grid-template-columns:minmax(0,1fr) minmax(250px,.8fr)}.mtrMetrics{gap:16px;flex-wrap:wrap}.mtrDataGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.mtrLanding,.mtrWorkspace{padding:20px 16px 32px;gap:20px}.mtrShellNav{display:flex;gap:5px}.mtrShellNav button{padding:8px 10px;min-height:42px}.mtrHero{grid-template-columns:1fr;padding:24px 0;gap:12px;min-height:auto}.mtrHero h1{font-size:36px}.mtrMetrics{padding:26px 8px;gap:30px}.mtrStatusOrbit{width:166px;height:166px}.mtrStatusOrbit span{font-size:52px}.mtrOrderOrbit{width:108px;height:108px;transform:none}.mtrQuick,.mtrDataGrid{grid-template-columns:1fr;gap:12px}.mtrQuick button,.mtrDataGrid button{min-height:120px;padding:22px}.mtrOption{flex-direction:column;align-items:stretch}.mtrOption input{min-width:0!important;width:100%}.mtrNotionTask,.mtrAlertCard{flex-wrap:wrap;padding:18px}.mtrLogin{padding:24px 16px}.mtrLoginGrid{gap:28px}.mtrSettings section{padding:20px}:is(#planer,#trasy,#edyt,#logbox,#bazabox,#inw,#volbox,#gabcheck,#hantleTask,#deskTaskBoard){top:150px!important;right:8px!important;bottom:64px!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:calc(100dvh - 214px)!important;padding:18px!important}.mini{min-height:40px}#stats{max-width:calc(100vw - 24px)} }
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body.mtr-high-contrast{--ui-line:var(--ui-text);--ui-muted:var(--ui-text)}
#jarvisDeskNav{background:transparent!important;backdrop-filter:none!important;box-shadow:none!important}
#hud{animation:none!important}
#legend{bottom:80px!important}
.closePanel{position:static!important;float:right;margin:0 0 12px 12px;min-height:34px;background:var(--ui-soft)!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important}
.plancheck,.cofinfo,.help,.hstats,.volCarton,.volLocations{background:var(--ui-soft)!important;border-color:var(--ui-line)!important;color:var(--ui-muted)!important;line-height:1.65}
.mtrShellNav button:before,.mtrShellNav button:after,.mtrQuick button:before,.mtrDataGrid button:before{display:none!important}