/* Shared pixel UI: the same grid, type, controls and motion across all workspaces. */
@font-face{font-family:'Hexa Pixel';src:url('/stock/hexa-pixel.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--hx-bg:#131a16;--hx-panel:#1b231e;--hx-line:#4a6154;--hx-text:#e7eae2;--hx-muted:#b5b9ad;--hx-mint:#88dbb8;--hx-violet:#bfc6b4;--hx-blue:#8ec3da;--hx-pink:#e9a297;--hx-amber:#e5c786;--hx-mono:'Hexa Pixel',ui-monospace,monospace}
body[data-hexa-page],body.hexa-mission-market{font-family:var(--hx-mono);background-color:var(--hx-bg);background-image:linear-gradient(#28362e28 1px,transparent 1px),linear-gradient(90deg,#28362e28 1px,transparent 1px);background-size:32px 32px;color:var(--hx-text);font-variant-numeric:tabular-nums;font-synthesis:none}
body[data-hexa-page] *,body.hexa-mission-market *{font-family:var(--hx-mono)!important;border-radius:0!important;text-shadow:none;scrollbar-color:#636859 #121915;scrollbar-width:thin}body[data-hexa-page] h1,body[data-hexa-page] h2,body[data-hexa-page] h3,body.hexa-mission-market :is(h1,h2,h3){font-weight:400;text-wrap:balance}body[data-hexa-page] :is(button,.button),body.hexa-mission-market :is(button,.primary-button,.ghost-button){border:2px solid #686e5e;background:#28342d;color:#dee1d8;box-shadow:inset 2px 2px #384a3f,inset -2px -2px #161d19,2px 2px #090e0b;transition:none}body[data-hexa-page] :is(button,.button):hover,body.hexa-mission-market button:hover{background-color:#324339;border-color:#a1a797}body[data-hexa-page] :is(button,.button):active,body.hexa-mission-market button:active{transform:translate(2px,2px);box-shadow:inset 2px 2px #161d19}body[data-hexa-page] :is(input,select,textarea),body.hexa-mission-market :is(input,select,textarea){background:#0e1511;color:#ebede7;border:2px solid #445b4e;box-shadow:inset 2px 2px #060807;font-size:16px;line-height:1.5;min-height:38px}body[data-hexa-page] :is(input[type=checkbox],input[type=radio]){min-height:0;accent-color:#91d8ba;box-shadow:none}body[data-hexa-page] :is(input,select,textarea):focus-visible,body.hexa-mission-market :is(input,select,textarea):focus-visible{outline:2px solid #aae5cc;outline-offset:2px}body[data-hexa-page] :is(a,button):focus-visible{outline:3px solid #a9e5cc;outline-offset:3px}body[data-hexa-page] dialog{border:3px solid #7c836f;box-shadow:8px 8px #090c0a,inset 3px 3px #465c4f;background:#1b231e;color:#e5e8e0}body[data-hexa-page] dialog::backdrop{background:#0b0f0dcf;backdrop-filter:none}body[data-hexa-page] table{border-collapse:collapse}body[data-hexa-page] th{background:#28342d;color:#c4cbb9;border-bottom:2px solid #757c6a;font-weight:400}body[data-hexa-page] td{border-bottom:1px dashed #3e5347}body[data-hexa-page] tbody tr:hover{background:#26332b}body[data-hexa-page] :is(.primary,.button.primary){background:#7bc6a7;color:#1b241f;border-color:#b1e6d0;box-shadow:inset 2px 2px #c0ecda,inset -2px -2px #3e7a61,2px 2px #050706}
.hx-navigation{display:flex;align-items:center;gap:12px;min-height:44px;background:#1c2620;padding:0 24px;border-top:2px solid #616657;border-bottom:3px solid #090e0b;box-shadow:inset 0 2px #2f3e35;font-size:14px;position:relative;z-index:4}.hx-network-label{font-size:12px;color:#b4b8ac;white-space:nowrap;line-height:1.4;padding-right:14px;border-right:2px solid #3b4e43}.hx-network-label i{display:inline-block;width:6px;height:6px;margin-right:6px;background:#bcc3b0}.hx-nav-links{display:flex;gap:4px;align-items:center;overflow:auto;min-width:0;padding:5px 0;scrollbar-width:thin}.hx-nav-links a{padding:4px 10px;color:#bdc4b1;white-space:nowrap;border:2px solid transparent;text-decoration:none;font-size:14px}.hx-nav-links a:hover{background:#2b3931;color:#e2e5dd}.hx-nav-links a[aria-current=page]{background:#2c3a32;color:#b9e9d5;border-color:#848b77;box-shadow:2px 2px #0d1410}.hx-motion{margin-left:auto;flex:0 0 auto;font-size:12px!important;padding:4px 8px!important;white-space:nowrap;color:#bec5b1!important;background:#2a372f!important}.hx-avatar{display:inline-block;width:48px;height:60px;flex:0 0 auto;image-rendering:pixelated;shape-rendering:crispEdges;overflow:visible}.hx-avatar.sm{width:32px;height:40px}.hx-avatar.lg{width:64px;height:80px}.hx-agent-tag{font-size:12px;color:#a5d6c2;border:2px solid #616757;padding:2px 6px;background:#25312a}.hx-panel{border:2px solid var(--hx-line);background:var(--hx-panel);box-shadow:inset 2px 2px #2b3830,4px 4px #0a0e0c;position:relative;min-width:0}.pixel-workhead{display:flex;align-items:center;gap:10px;padding:7px 10px;background:#29362e;border-bottom:2px solid #121714;box-shadow:inset 0 2px #626858}.pixel-workhead .hx-avatar{width:32px;height:40px;flex-shrink:0}.pixel-workhead h2,.pixel-workhead h3{font-size:18px;margin:0}.pixel-workhead small{font-size:12px;color:#bdc4b1;display:block}.pixel-workhead .pixel-state{margin-left:auto;text-align:right;max-width:45%;font-size:12px;color:#abdbc7}.pixel-workhead .pixel-state b{font-weight:400;font-size:18px;display:block}.pixel-node{position:relative;border:2px solid #496153;background:#161d19;padding:10px;min-width:0;box-shadow:3px 3px #090c0a}.pixel-node-head{display:flex;align-items:flex-end;gap:10px;min-width:0;margin-bottom:9px}.pixel-node-head .hx-avatar{width:40px;height:50px;flex-shrink:0}.pixel-node-head strong{font-size:18px;font-weight:400;display:block}.pixel-node-head small{font-size:12px;color:#b2b7aa;display:block}.pixel-node-value{font-size:24px;color:#aedeca}.pixel-node-meta{display:flex;justify-content:space-between;gap:10px;border-top:1px dashed #5b6052;padding-top:7px;font-size:12px;color:#b4b9ac}.pixel-node-basis{font-size:14px;line-height:1.6;color:#bfc6b3}.pixel-node-action{display:flex;align-items:center;gap:8px;font-size:14px;padding:6px 8px;margin-top:8px}.pixel-node-action .hx-avatar{width:24px;height:30px}.pixel-running{position:relative;overflow:hidden}.pixel-running:after{content:'';position:absolute;top:0;bottom:0;left:0;width:7px;border-right:2px solid #99cab655;background:#a4dac40b;pointer-events:none;animation:workspaceScan 14s steps(40,end) infinite}.pixel-arrived{animation:pixelSaved .8s steps(3,end) 1}.pixel-scanbar{height:6px;background:repeating-linear-gradient(90deg,#384b40 0 6px,#131a16 6px 10px);position:relative;overflow:hidden}.pixel-scanbar:after{content:'';position:absolute;left:-20%;width:20%;height:100%;background:repeating-linear-gradient(90deg,#91c9b2 0 6px,transparent 6px 10px);animation:workspaceScan 10s steps(24,end) infinite}.pixel-note-owner{display:flex;align-items:center;gap:10px;font-size:14px;color:#b9bdb1}.pixel-note-owner .hx-avatar{width:32px;height:40px}.pixel-note-owner small{font-size:12px;color:#9fa595}.pixel-return{color:#a9d4c2}.pixel-segment{display:flex;gap:4px}.pixel-segment i{width:10px;height:10px;background:#27342c;border:1px solid #5f6556}.pixel-segment i.on{background:#9bcfb9;border-color:#b9e1d0}.pixel-status-busy{color:#dcc083}.pixel-status-error{color:#eea89d}
@keyframes workspaceScan{to{left:110%}}@keyframes pixelSaved{0%,40%{outline:2px solid #b1dfcc;outline-offset:2px}100%{outline-color:transparent}}
html[data-hx-motion=off] *,html[data-hx-motion=off] *:before,html[data-hx-motion=off] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
html[data-hx-hidden=true] *,html[data-hx-hidden=true] *:before,html[data-hx-hidden=true] *:after{animation-play-state:paused!important;transition:none!important}
@media(prefers-reduced-motion:reduce){html *,html *:before,html *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:1250px){.hx-network-label{display:none}.hx-navigation{padding:0 16px;gap:8px}.hx-nav-links a{padding:4px 8px}}
@media(max-width:650px){.hx-navigation{padding:0 10px;gap:6px;min-height:46px}.hx-nav-links{flex:1}.hx-nav-links a{font-size:14px;padding:5px 8px}.hx-motion{font-size:12px!important;white-space:normal;max-width:62px;line-height:1.25;padding:4px!important}.pixel-workhead{padding:6px 8px;gap:8px}.pixel-workhead h2,.pixel-workhead h3{font-size:18px}.pixel-workhead .pixel-state{max-width:40%}.pixel-node-basis{font-size:14px}}