@font-face{font-family:Dashboard;src:local('Bahnschrift')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#020910;color:#e2e8ee;font-family:'Microsoft YaHei','PingFang SC',sans-serif}button,select{font:inherit;color:inherit;cursor:pointer}button{border:1px solid #546071;background:#0b2133;border-radius:4px;transition:.2s}button:hover{border-color:#dfc991;color:#f6e4ae;background:#18364a}button:focus-visible,select:focus-visible{outline:3px solid #9cdaff;outline-offset:3px}#dashboard{position:absolute;width:2560px;height:1360px;transform-origin:0 0;padding:0 24px;background:#061523 url('assets/dashboard-bg.png') center/cover no-repeat;display:flex;flex-direction:column;gap:12px}header{height:88px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #a9986d;position:relative}header:after{content:'';position:absolute;bottom:-3px;left:32%;right:32%;height:3px;background:linear-gradient(90deg,transparent,#f3d78c,transparent)}.breadcrumb{font-size:20px;letter-spacing:1px;color:#b6c4d0;display:flex;align-items:center;gap:12px;width:430px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e1c991;box-shadow:0 0 10px #dbbd6e;flex-shrink:0}.title{text-align:center;white-space:nowrap}.title small{font:12px Dashboard,sans-serif;color:#7b95a6;letter-spacing:7px}.title h1{font-size:40px;letter-spacing:3px;color:#f2dfaf;margin:4px 0 0;font-weight:600;text-shadow:0 2px 12px #d4b96628}.tools{width:410px;display:flex;align-items:center;justify-content:flex-end;gap:16px}.tools button{font-size:28px;width:40px;height:40px;border-color:#364555}.demo-badge{border:1px solid #7f7352;color:#e5ce94;background:#c4ac5b10;padding:6px 12px;font-size:17px;border-radius:3px}time{font:21px Dashboard,monospace;letter-spacing:2px;color:#c8d8e3}.kpi-strip{height:100px;flex-shrink:0;display:grid;grid-template-columns:repeat(5,1fr) 280px;border:1px solid #8d886a;background:linear-gradient(90deg,#12273877,#091c2a88);position:relative}.kpi-strip:before,.panel:before{content:'';position:absolute;top:-1px;left:-1px;width:22px;height:13px;border-left:2px solid #ead7a2;border-top:2px solid #ead7a2;pointer-events:none}.kpi{display:flex;align-items:center;gap:18px;padding:12px 28px;position:relative}.kpi:not(:last-child):after{content:'';position:absolute;right:0;top:20px;bottom:20px;border-right:1px solid #304455}.kpi-icon{font-size:34px;color:#d8c18b}.kpi-label{font-size:18px;color:#b5c1cb;margin-bottom:6px}.kpi-value{font:32px Dashboard,sans-serif;color:#f1dfb0;letter-spacing:1px}.kpi-value small{font:16px 'Microsoft YaHei';color:#a8bac7;margin-left:6px}.kpi-change{font:15px Dashboard;color:#67c5b1;margin-left:12px}.period{padding:15px 20px}.period label{display:block;font-size:16px;color:#b0c4d4;margin-bottom:8px}.period select{background:#132b3e;border:1px solid #69715e;border-radius:4px;padding:5px 10px;width:100%;font-size:20px;color:#f1dfb0}.dashboard-grid{display:grid;grid-template-columns:680px 1060px 748px;gap:12px;flex:1;min-height:0}.column{display:grid;gap:12px;min-height:0}.left-column{grid-template-rows:390px 410px 1fr}.center-column{grid-template-rows:812px 1fr}.right-column{grid-template-rows:310px 490px 1fr}.panel{position:relative;border:1px solid #687469;background:linear-gradient(135deg,#0b2231db,#061725e8);min-height:0;overflow:hidden;box-shadow:inset 0 0 26px #06152480}.panel:after{content:'';position:absolute;bottom:-1px;right:-1px;width:22px;height:13px;border-right:2px solid #bcae81;border-bottom:2px solid #bcae81;pointer-events:none}.panel-head{height:55px;margin:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #526069;gap:8px}.panel-head h2{font-size:24px;font-weight:600;letter-spacing:.4px;margin:0;white-space:nowrap}.panel-head h2 span{color:#ddca95;font-size:26px;margin-right:10px}.muted{color:#829baa;font-size:15px}.tabs{display:flex;gap:5px;flex-shrink:0}.tabs button{font-size:16px;padding:6px 10px;border-color:#384e5e;background:#0b2030;color:#9cb2c2;white-space:nowrap}.tabs button.active{background:linear-gradient(#b4a37588,#72684a88);color:#fff0c4;border-color:#d2c190;box-shadow:inset 0 0 10px #f4d58e24}.text-button{font-size:16px;border:0;background:transparent;color:#a3bfce;padding:5px 0}.panel-note{color:#8da2af;font-size:15px;text-align:right;padding:5px 15px;letter-spacing:.3px}.layout-content{height:287px;display:grid;grid-template-columns:335px 1fr;padding:9px 14px 0;gap:12px}.zhejiang-map svg{width:100%;height:100%}.city-table{padding-top:7px}.table-heading,.city-row{display:grid;grid-template-columns:96px 1fr;align-items:center}.table-heading{font-size:18px;color:#c6d5e0;border:1px solid #344c60;background:#20384a66;height:33px}.table-heading span{text-align:center}.city-row{height:39px;font-size:19px;cursor:pointer;border-left:2px solid transparent}.city-row:nth-child(even){background:#1b334744}.city-row.selected{background:#d1bb6c22;border-left-color:#e3cd93;color:#f5e1ae}.city-row:hover{background:#24455799}.city-row span:first-child{text-align:center}.city-foot{font-size:14px;color:#91a9b8;padding:12px 0;display:flex;align-items:center;gap:8px}.supply-charts{height:244px;display:grid;grid-template-columns:305px 1fr;padding:10px 12px 0;gap:3px}.supply-charts svg{width:100%;height:100%}.mini-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px 14px 0}.mini-card{border:1px solid #3d5367;border-radius:4px;background:#142c4066;text-align:center;padding:9px 4px}.mini-card span{font-size:17px;color:#c5d1db;display:block}.mini-card b{font:24px Dashboard,sans-serif;color:#e6d09a;display:block;margin-top:8px}.mini-card b small{font:14px 'Microsoft YaHei';margin-left:2px;color:#8fa9ba}.chain-panel #chain{padding:11px 14px;display:grid;gap:10px}.chain-row{display:flex;align-items:center;gap:12px;border:1px solid #324b5d;border-radius:3px;padding:9px 12px;min-height:42px;font-size:18px}.chain-row strong{color:#d9c68e;min-width:114px;font-weight:500}.chain-row span{flex:1;color:#afc4d3}.chain-row b{font:21px Dashboard;color:#d8c89d}.chain-row em{font-style:normal;color:#59788f;padding:0 5px}.central-panel{display:flex;flex-direction:column}.central-sub{padding:12px 20px 6px;color:#bdcbd4;font-size:19px;display:flex;justify-content:space-between}.central-sub>span{font:11px Dashboard;letter-spacing:1px;color:#587d94}.reserve-badge{border:1px solid #a19061;border-radius:3px;padding:5px 10px;color:#e4d19c;font-size:16px;background:#cbb57114}.scene-placeholder{flex:1;margin:4px 5px 0;position:relative;min-height:0;background:linear-gradient(0deg,#04101cc9,transparent 35%,#071d3155),url('assets/harbor-placeholder.png') center/cover}.scene-placeholder:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06172533,transparent 30%,transparent 70%,#06172555);pointer-events:none}.scene-corner{position:absolute;left:18px;top:10px;color:#b0c1cf;display:flex;align-items:center;gap:9px;font-size:16px}.placeholder-label{position:absolute;top:24%;left:20%;right:20%;text-align:center;z-index:1;text-shadow:0 2px 8px #000}.placeholder-icon{font-size:66px;color:#e2c78b;display:block;line-height:1.1;text-shadow:0 0 22px #e2c78b55}.placeholder-label small{display:block;font:12px Dashboard;letter-spacing:4px;color:#baae90;margin-top:8px}.placeholder-label h3{font-size:33px;color:#f0ddad;letter-spacing:3px;margin:15px 0 6px}.placeholder-label p{margin:0 0 14px;color:#c1d0dc;font-size:21px;letter-spacing:5px}.placeholder-label>span:last-child{font-size:15px;color:#a2b7c7;background:#071824c9;border:1px solid #627566;padding:6px 14px;display:inline-block;border-radius:4px}.scene-tag{position:absolute;z-index:1;bottom:29%;border-left:2px solid #c4ad70;background:#061824b8;padding:9px 14px;font-size:19px;color:#dec994}.scene-tag b{display:block;font-weight:400;color:#8ca4b7;font-size:13px;margin-top:5px}.tag-left{left:3%}.tag-right{right:3%}.scene-caption{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#b7c8d4;font-size:17px;z-index:1;letter-spacing:2px}.flow-legend{height:52px;display:flex;align-items:center;justify-content:center;gap:32px;font-size:17px;border-top:1px solid #273e4f}.flow-legend span{display:flex;align-items:center;gap:8px}.legend-line{display:inline-block;width:26px;height:2px;box-shadow:0 0 8px currentColor}.gold{background:#e4c986;color:#e4c986}.blue{background:#7dbbdf;color:#7dbbdf}.green{background:#78bfae;color:#78bfae}.white{background:#c2d3e0;color:#c2d3e0}.process-strip{height:72px;margin:0 14px 12px;display:flex;align-items:center;justify-content:space-between;border:1px solid #42566a;border-radius:5px;background:#10283a80;padding:0 14px}.process-node{display:flex;align-items:center;gap:9px;font-size:20px}.process-node i{font:26px Dashboard;color:#deca96;font-style:normal}.process-arrow{color:#bdac7e;font-size:24px}.linkage{width:calc(100% - 28px);margin:8px 14px;border-collapse:collapse;font-size:19px;table-layout:fixed}.linkage th{background:#1b344777;border:1px solid #375266;color:#c2d2dd;font-weight:500;padding:8px 6px}.linkage td{padding:8px 10px;border-bottom:1px solid #294052;color:#b9cedd;text-align:center;position:relative}.linkage td+td:before{content:'›';position:absolute;left:-4px;color:#cfbd86;font-size:24px}.linkage td:first-child{color:#dfce9e}.linkage th:last-child{width:32%}.linkage td:last-child{font-size:17px}.market-content{height:208px;display:grid;grid-template-columns:340px 1fr;gap:5px;padding:12px 15px 0}.market-content svg{width:100%;height:100%}.market-bar{display:grid;grid-template-columns:57px 1fr 48px;align-items:center;gap:8px;height:45px;font-size:18px}.track{height:12px;background:#1c3448;border-radius:5px;overflow:hidden}.track i{height:100%;display:block;background:linear-gradient(90deg,#b19860,#f5dfa5);border-radius:5px;transition:width .6s}.market-bar strong{font:19px Dashboard;text-align:right;color:#d7c38d}.bar-heading{display:flex;justify-content:space-between;color:#839dab;font-size:15px;padding:10px 18px 2px}.jobs-panel #job-bars{padding:4px 19px 0}.job-row{display:grid;grid-template-columns:25px 158px 1fr 47px;gap:10px;height:28px;align-items:center;font-size:17px}.rank{font:17px Dashboard;width:23px;height:23px;border-radius:50%;background:#1e3b50;text-align:center;line-height:23px;color:#c2d1dc}.job-row:nth-child(-n+3) .rank{background:linear-gradient(135deg,#e6d49c,#8b733d);color:#fff2c2}.job-row .track{height:10px}.job-row strong{font:18px Dashboard;text-align:right;color:#c5d5de}.jobs-panel .mini-cards{padding-top:12px}.jobs-panel .mini-card{padding:9px 2px}.jobs-panel .mini-card span{font-size:16px}.jobs-panel .mini-card b{font-size:22px}.skill-content{padding:9px 14px 7px;display:grid;grid-template-columns:1fr 200px;gap:13px}.matrix{border-collapse:collapse;width:100%;font-size:16px;text-align:center}.matrix th{font-weight:400;color:#a4bac8;font-size:15px;padding:5px 2px;border-bottom:1px solid #3b5363}.matrix td{height:26px;border-bottom:1px solid #203c50}.matrix td:first-child{text-align:left;color:#bacdd9;white-space:nowrap}.matrix-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#d6c18c;box-shadow:0 0 7px #bca26a40}.matrix-dot.low{background:#25455b;box-shadow:none}.demand-small{border:1px solid #3e5364;background:#1c34483b;padding:8px 10px;margin-bottom:7px;border-radius:4px}.demand-small span{font-size:16px;color:#b7cbd9;display:block}.demand-small b{display:block;color:#e0cd9d;font:25px Dashboard;margin-top:3px}.demand-small b small{font:13px 'Microsoft YaHei';color:#8ea9ba;margin-left:4px}.balance{font-size:13px;color:#99afbd;line-height:1.5}.platform-strip{height:66px;flex-shrink:0;border-top:1px solid #7d806d;border-bottom:1px solid #334b5d;display:flex;align-items:center;gap:22px}.platform-strip>strong{font-size:20px;color:#c5d3dd;white-space:nowrap;font-weight:500;border-right:1px solid #9b8c60;padding-right:22px}.platform-strip>div{display:flex;align-items:center;justify-content:space-between;flex:1}.platform{display:flex;align-items:center;gap:11px;font-size:18px;color:#c3d1dd}.platform em{font-size:28px;color:#dcc88d;font-style:normal}.platform small{font-size:14px;color:#91a8b9;display:block;margin-top:3px}.platform-strip>button{font-size:16px;padding:6px 10px;background:transparent;border-color:#465b6b}footer{height:35px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;font-size:14px;color:#849dab;gap:15px}footer .live-dot{width:5px;height:5px;margin-right:8px}footer button{background:transparent;border:0;padding:0;color:#c4d4de;font-size:14px}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);padding:12px 24px;color:#f0dca8;background:#122b3eef;border:1px solid #ad9f70;border-radius:6px;opacity:0;transition:opacity .2s;pointer-events:none;font-size:16px;z-index:20}#toast.visible{opacity:1}dialog{max-width:620px;border:1px solid #a59260;border-radius:8px;background:#0a2031;color:#c6d7e2;padding:35px;box-shadow:0 15px 80px #000b}dialog::backdrop{background:#01080dc9;backdrop-filter:blur(5px)}dialog h2{font-size:27px;color:#eed8a1}dialog p{line-height:1.8;font-size:16px}dialog .eyebrow{font:12px Dashboard;letter-spacing:3px;color:#a0b7c6}#close-dialog{position:absolute;right:12px;top:12px;background:transparent;border:0;font-size:28px;color:#c3cfda}.primary{padding:10px 18px;background:#b29c64;color:#071725;border-color:#dfcc97;font-weight:600}.chart-text{font-family:'Microsoft YaHei';fill:#94aebf;font-size:15px}.chart-number{font-family:Dashboard;fill:#e4d2a1;font-size:16px}.map-city{cursor:pointer}.map-city text{fill:#c3d5df;font-family:'Microsoft YaHei';font-size:17px}.map-city.selected text{fill:#ffe2a5}.map-city circle{fill:#dfcb91;stroke:#fff0bf;stroke-width:1.5;filter:url(#glow)}.map-city.selected circle{r:6}.map-city:hover text{fill:#ffe2a5}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Fit the 32:17 LED artboard; content remains readable and unclipped at any window size. */
.left-column{grid-template-rows:340px 370px 1fr}.center-column{grid-template-rows:722px 1fr}.right-column{grid-template-rows:255px 455px 1fr}.layout-content{height:248px}.supply-charts{height:210px}.market-content{height:167px}.market-bar{height:37px}.panel-head h2{font-size:23px}.right-column .tabs button{font-size:15px;padding:6px 8px}.right-column .panel-head h2{font-size:22px}.linkage td{padding:10px 8px}.chain-row{padding:9px 10px}.market-bar{grid-template-columns:57px 1fr 55px}.chain-row strong{min-width:112px}
/* Explicit chart tracks prevent SVG intrinsic dimensions from expanding dense panels. */
.layout-content>*{min-height:0}.zhejiang-map svg{display:block}.city-row{height:34px}.city-foot{padding:6px 0;font-size:13px;line-height:19px}.supply-charts>div,.market-content>div{min-height:0;min-width:0}.supply-charts svg,.market-content svg{display:block;max-height:100%}.panel-note{font-size:14px;line-height:18px;padding:4px 15px}.mini-card{padding:7px 4px}.mini-card span{line-height:22px;font-size:17px}.mini-card b{line-height:26px;font-size:22px;margin-top:4px}.jobs-panel .mini-card{padding:6px 2px}.jobs-panel .mini-card b{margin-top:4px}.job-row{height:26px}.bar-heading{line-height:20px}.linkage{font-size:18px;line-height:24px}.linkage td{padding:8px}.linkage th{padding:6px}.central-panel .panel-head,.flow-legend,.process-strip{flex-shrink:0}
.numeric{font-weight:500}.demo-badge:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#e9cd87;margin-right:7px;box-shadow:0 0 8px #e8cb81;animation:breathe 2s ease-in-out infinite}.market-route{stroke-dasharray:5 4;animation:route 12s linear infinite}.track i{animation:bar-in .8s cubic-bezier(.2,.8,.2,1);transform-origin:left}.supply-charts svg{animation:chart-in .55s ease-out}.is-paused .market-route,.is-paused .demo-badge:before{animation-play-state:paused}.tools{width:430px}.demo-badge{white-space:nowrap;font-size:16px}#update-status{color:#b4c7d3}@keyframes breathe{50%{opacity:.4;box-shadow:0 0 2px #e8cb81}}@keyframes route{to{stroke-dashoffset:-120}}@keyframes bar-in{from{transform:scaleX(.1);opacity:.5}to{transform:scaleX(1);opacity:1}}@keyframes chart-in{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.market-route,.demo-badge:before,.track i,.supply-charts svg{animation:none}}
.role-tasks{font-size:16px;color:#a3bdcf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:2px 10px;background:linear-gradient(90deg,#183c53aa,transparent);border-left:2px solid #a9945f}.job-row{grid-template-columns:25px 158px 1fr}.chain-row b small{font:13px 'Microsoft YaHei';margin-left:5px;color:#92adbd}.chain-row span{font-size:16px}.chain-row strong{min-width:105px}.published-note{font-size:15px;color:#7995a8;line-height:1.8;padding:15px 0}.market-bar{grid-template-columns:62px 1fr 66px}.market-bar strong{font-size:18px}.kpi-value{font-size:30px}.kpi{padding:12px 22px;gap:15px}.kpi-change{font-size:14px;margin-left:8px}.tools{width:480px}.demo-badge{font-size:15px}.scene-placeholder{animation:none}#source-links a{color:#d6c18b;text-decoration:none}#source-links small{display:block;color:#829baa;font-size:12px}dialog{max-height:85vh;overflow:auto}#about-dialog p{font-size:15px;line-height:1.7}#about-dialog h2{margin:15px 0}#source-links p{margin:12px 0}
/* Sequence numbers denote business mapping order, not recruitment popularity. */
.job-row:nth-child(-n+3) .rank{background:#1e3b50;color:#c2d1dc}.role-tasks{line-height:22px}.panel-note{white-space:nowrap}.kpi-change{display:inline-block}.kpi-label{font-size:17px}.title h1{font-size:39px}
/* Alternating map focus: city/business linkage and period-specific trade partners. */
.map-city .node-core{fill:#967f4e;stroke:#d8c48d;opacity:.65;transition:opacity .3s,fill .3s}.map-city.selected .node-core{fill:#fff0b5;opacity:1;r:5.5;filter:url(#glow)}.map-city .node-halo,.world-node .node-halo{display:none;fill:none;stroke:#e9d29a;stroke-width:1.2;filter:none;transform-box:fill-box;transform-origin:center;pointer-events:none}.map-city.selected .node-halo,.world-node.selected .node-halo{display:block;animation:map-ripple 1.8s ease-out infinite}.map-city.selected .halo-delay,.world-node.selected .halo-delay{animation-delay:.9s}.map-city.selected text{fill:#ffe5a8;text-shadow:0 0 8px #d4b86a}.world-node .node-core{fill:#9a875b;stroke:#b9a777;stroke-width:.8;opacity:.55}.world-node.selected .node-core{fill:#fff1b7;stroke:#fff5ce;opacity:1;filter:drop-shadow(0 0 4px #f4d78c);animation:map-beacon 1.8s ease-in-out infinite}.market-route{opacity:.22}.market-route.route-active{opacity:1;stroke:#e9d39b}.market-bar{transition:background .35s,color .35s;border-radius:3px}.market-bar.market-focused{background:linear-gradient(90deg,#d0b4761c,transparent);color:#ffe7b2}.market-bar.market-focused .track i{background:linear-gradient(90deg,#c9ae6c,#ffecb2);box-shadow:0 0 9px #e9c77c55}.market-bar.market-focused strong{color:#ffe8aa}.is-paused .node-halo,.is-paused .node-core{animation-play-state:paused!important}@keyframes map-ripple{0%{opacity:.85;transform:scale(.55)}85%,100%{opacity:0;transform:scale(1.8)}}@keyframes map-beacon{0%,100%{opacity:1}50%{opacity:.45}}
.map-city.selected .node-halo{r:11}

/* Reference layout: gold horizontal bars, four hiring cards, and regional supply/demand sidebar. */
.job-row{grid-template-columns:25px 158px minmax(0,1fr) 30px;gap:10px;height:26px}.job-row .track{height:12px;background:linear-gradient(90deg,#1b3448,#172c3e);border-radius:7px}.job-row .track i{background:linear-gradient(90deg,#bda16a,#f0dba2);box-shadow:0 0 9px #d7bd7b22}.job-row strong{font-size:17px;color:#d7c99f}.job-row:nth-child(-n+3) .rank{background:linear-gradient(135deg,#e6d49c,#8b733d);color:#fff2c2}.job-row.city-linked{background:linear-gradient(90deg,#d9bd7820,transparent);border-radius:3px}.job-row.city-linked>span:nth-child(2){color:#ffe8ac}.jobs-panel .mini-cards{padding-top:9px}.jobs-panel .mini-card{padding:8px 2px;background:#142c4066}.jobs-panel .mini-card b{font-size:25px;line-height:24px;margin-top:4px}.jobs-panel .bar-heading{font-size:14px;padding-top:7px;line-height:18px}.jobs-panel .panel-note{font-size:13px;padding-top:5px}.skill-content{grid-template-columns:minmax(0,1fr) 214px;gap:12px;padding-top:9px}.supply-demand-box{border:1px solid #3e5364;border-radius:5px;background:#172e403b;padding:9px 11px}.supply-demand-box .demand-small{border:0;background:transparent;padding:0;margin-bottom:9px}.supply-demand-box .demand-small b{border:1px solid #3e5364;border-radius:4px;background:#132a3e88;line-height:27px;padding:0 10px;margin-top:5px;font-size:24px}.supply-demand-box .balance{font-size:13px;line-height:20px}.skills-panel .panel-head h2{font-size:22px}

/* Platform nationwide role snapshot: selected row drives all six populated cards. */
.job-row{grid-template-columns:25px 196px minmax(0,1fr) 47px;gap:8px;font-size:16px}.talent-row{cursor:pointer}.talent-row:hover{background:#d9bd7818;border-radius:3px}.talent-row:focus-visible{outline:2px solid #d9bd78;outline-offset:1px}.jobs-panel .mini-card b small{font-size:12px}.jobs-panel .mini-card b{font-size:23px}.supply-demand-box .demand-small b{font-size:22px;line-height:29px}.supply-demand-box .demand-small b small{font-size:12px}.supply-demand-box .balance{font-size:12px;line-height:19px}.jobs-panel .bar-heading{font-size:13px}

/* Live Blender harbor model inside the existing 32:17 canvas. */
.trade-scene{flex:1;min-height:0;position:relative;overflow:hidden;background:radial-gradient(ellipse at 48% 48%,#14344770,transparent 68%),#061725}.trade-scene #scene-canvas,.trade-scene #scene-labels{position:absolute;inset:0}.trade-scene canvas{width:100%;height:100%;display:block;touch-action:none}.trade-scene #scene-labels{pointer-events:none}.scene-node-label{position:absolute;transform:translate(-50%,-100%);font-size:15px;color:#c6dce8;white-space:nowrap;background:#071a28c9;border:1px solid #4c6974;padding:5px 10px;border-radius:3px;pointer-events:auto;box-shadow:0 3px 10px #0005}.scene-node-label.active{color:#ffdf95;border-color:#cab078;background:#2c2a1bd9;box-shadow:0 0 15px #d6b67620}.scene-overline{position:absolute;top:17px;left:20px;font-size:17px;color:#b3cbd9;pointer-events:none}.scene-overline .live-dot{margin-right:8px}.scene-overline small{display:block;color:#5f8397;letter-spacing:3px;font-size:10px;margin:8px 0 0 16px}.scene-data-chip{position:absolute;right:18px;top:14px;padding:9px 15px;border:1px solid #44565b;border-radius:3px;background:linear-gradient(120deg,#132e3acc,#07192588);min-width:180px;pointer-events:none}.scene-data-chip>span{font-size:13px;color:#a8bdc9;display:block}.scene-data-chip b{display:block;font:26px Dashboard;color:#ebd29b;margin-top:5px}.scene-data-chip b small{font:13px 'Microsoft YaHei';margin-left:8px;color:#a2b6c1}.scene-data-chip em{font:12px Dashboard;color:#76c9b3;display:block;margin-top:3px}.scene-bottom{position:absolute;bottom:14px;left:17px;right:17px;display:flex;gap:12px;justify-content:space-between;align-items:end;pointer-events:none}.scene-stage{display:flex;align-items:center;gap:12px;max-width:73%;padding:12px 16px;background:linear-gradient(90deg,#061724ef,#06172499);border-left:2px solid #dec285;border-radius:2px}.scene-stage>b{font:34px Dashboard;color:#e5c991}.scene-stage strong{display:block;font-size:19px;color:#f0d79e;font-weight:500;margin-bottom:5px}.scene-stage span{font-size:14px;color:#a4bccd;line-height:1.5}.scene-controls{pointer-events:auto;text-align:right;flex-shrink:0}.scene-controls button{font-size:13px;padding:5px 8px;background:#0c2436cf;margin-left:4px;border-color:#415967}.scene-controls button[aria-pressed="true"]{color:#efd59a;border-color:#9a875c}.scene-controls small{display:block;color:#708fa1;font-size:12px;margin-top:6px}.scene-progress-track{position:absolute;bottom:0;height:2px;left:0;right:0;background:#203c4f}.scene-progress-track i{display:block;height:100%;background:linear-gradient(90deg,#7f6a3d,#f4d996);width:0}.central-panel .flow-legend{gap:16px;height:48px}.flow-legend button{display:flex;align-items:center;gap:7px;font-size:15px;padding:5px 9px;border-color:transparent;background:transparent;color:#94adbd}.flow-legend button.active{color:#f1dbab;background:#bda06715;border-color:#8e7e55}.violet{background:#c1a8ed;color:#c1a8ed}.process-node{border:1px solid transparent;background:transparent;padding:8px 5px;font-size:18px;gap:6px}.process-node i{font-size:23px}.process-node.active{border-color:#9c8855;background:#d7b87615;color:#f7e0aa;box-shadow:inset 0 0 12px #dfc17c12}.process-strip{height:62px;padding:0 10px}.process-arrow{font-size:20px}#scene-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#091d2eee;border:1px solid #6d725f;padding:15px 22px;color:#d9c794;font-size:17px;border-radius:4px;z-index:5;max-width:75%;text-align:center}#scene-loading[hidden],#scene-status[hidden]{display:none}#scene-status{position:absolute;left:20px;top:75px;font-size:15px;color:#e9c994}.scene-failed{background:linear-gradient(#07182466,#071824bb),url('assets/harbor-placeholder.png') center/cover}

/* Cinematic port: full-bleed scene with an optional presentation view. */
.scene-head-actions{display:flex;align-items:center;gap:12px}.scene-head-actions button{font-size:14px;padding:5px 9px;border-color:#857655;color:#ead7aa;background:#142a36}.central-panel.scene-expanded{position:absolute;inset:104px 24px 72px;z-index:50;background:#061725;box-shadow:0 0 0 2000px #020b12ed}.scene-expanded .scene-node-label{font-size:21px;padding:8px 15px}.scene-expanded .scene-stage strong{font-size:27px}.scene-expanded .scene-stage span{font-size:20px}.scene-expanded .scene-controls button{font-size:18px;padding:8px 14px}.scene-expanded .scene-overline{font-size:23px}.scene-expanded .scene-data-chip{min-width:240px;padding:14px 20px}.scene-expanded .scene-data-chip>span{font-size:19px}.scene-expanded .scene-data-chip b{font-size:38px}.scene-expanded .scene-bottom{bottom:25px;left:25px;right:25px}.scene-expanded .flow-legend{height:55px}.scene-expanded .flow-legend button{font-size:20px}.scene-expanded .process-strip{height:65px}.scene-expanded .process-node{font-size:24px}.scene-expanded .trade-scene{background:#061522}