/* Fiyaoo workspace — charcoal surfaces, quiet dividers and compact navigation. */
body.workbench-shell{--wb-bg:#111113;--wb-side:#151517;--wb-panel:#19191c;--wb-raised:#202024;--wb-line:#2b2b30;--wb-text:#e5e5e8;--wb-muted:#95959f;--wb-accent:#aaa2f5;--wb-sidebar:244px;--ink:#e5e5e8;--brand:#8c83da;--line:#2b2b30;--blue:#aaa2f5;--green:#71b9a0;background:var(--wb-bg)!important;color:var(--wb-text)!important;font:13px/1.6 'Microsoft YaHei',Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;padding:92px 28px 24px calc(var(--wb-sidebar) + 28px);color-scheme:dark;min-height:100vh}
body.workbench-shell>header{display:none!important}body.workbench-shell main{max-width:1480px!important;width:100%!important;margin:0 auto!important;padding:0!important}body.workbench-shell .library{max-width:none!important;margin:0!important}body.workbench-shell :is(.paper,.library,.productCard,.item,.order5,.job5,.template-row,.attachment-card,.attachment-group5,.location-row,.manual-export5,.manual-reader5,.reader-block5,.ai5,.product5,.stats5 article,.name-grid article,.flow-draft-step5){background:var(--wb-panel)!important;color:var(--wb-text)!important;border:1px solid var(--wb-line)!important;border-radius:9px!important;box-shadow:none!important}body.workbench-shell .paper{padding:24px!important;margin-bottom:20px!important}body.workbench-shell .library{padding:26px!important}body.workbench-shell h1{font-size:23px!important;font-weight:600;letter-spacing:-.5px;color:#f0f0f3!important}body.workbench-shell h2{font-size:15px!important;font-weight:600;color:#e7e7ed!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--wb-line)!important;border-radius:0!important;padding:0 0 12px!important;margin:22px 0 16px!important}body.workbench-shell h3{color:#d5d5de!important;font-size:13px!important;font-weight:600}body.workbench-shell :is(p,label,span,td,th){line-height:1.65}body.workbench-shell p{font-size:13px}body.workbench-shell :is(.muted,.smalltext,.tips,.meta,.smalltext,label span,.scheme5,.video-duration5){color:var(--wb-muted)!important}body.workbench-shell a{color:#b2aaf3}body.workbench-shell :is(input,select,textarea){background:#141416!important;color:#e5e5eb!important;border:1px solid #333339!important;border-radius:6px!important;padding:9px 11px;box-shadow:none!important;outline:none}body.workbench-shell input::placeholder,body.workbench-shell textarea::placeholder{color:#666671!important}body.workbench-shell :is(input,select,textarea):focus{border-color:#77709f!important;outline:2px solid #8c83da22!important;outline-offset:0!important}body.workbench-shell input[type=checkbox]{accent-color:#9a91e7;width:auto!important}body.workbench-shell input[type=file]::file-selector-button{background:#27272c;color:#dedee5;border:1px solid #3a3a42;border-radius:4px;padding:5px 9px;margin-right:10px}body.workbench-shell :is(button,.button){background:#242428!important;color:#d9d9df!important;border:1px solid #37373e!important;border-radius:6px!important;padding:8px 12px;box-shadow:0 1px 1px #0002!important;font-size:12px;font-weight:500;transition:background .12s,border-color .12s;transform:none!important;text-decoration:none}body.workbench-shell :is(button,.button):hover:not(:disabled){background:#303035!important;border-color:#50505b!important;transform:none!important;box-shadow:none!important}body.workbench-shell button.primary{background:#6c63ae!important;color:#fff!important;border-color:#8279c7!important}body.workbench-shell button.primary:hover:not(:disabled){background:#7b72bf!important}body.workbench-shell button:disabled{opacity:.4;cursor:not-allowed}body.workbench-shell button.danger5{color:#e9a1a1!important;background:#342125!important;border-color:#66343d!important}body.workbench-shell .grid{gap:16px 20px}body.workbench-shell table{border-collapse:collapse;background:transparent!important;color:var(--wb-text)!important}body.workbench-shell :is(td,th){border-color:var(--wb-line)!important}body.workbench-shell th{background:#222226!important;color:#b9b9c5!important;font-weight:500;padding:10px}body.workbench-shell tbody tr:nth-child(even){background:#1c1c20!important}body.workbench-shell td{padding:10px}body.workbench-shell :is(.badge,.tag5,.tag,.status5){font-size:11px!important;letter-spacing:.1px;border:1px solid #3c3c46;background:#292930!important;color:#bdbdc9!important;border-radius:5px!important;box-shadow:none}body.workbench-shell :is(.green,.done .status5){background:#17352d!important;color:#8ed3b7!important;border-color:#285645!important}body.workbench-shell :is(.amber,.running .status5){background:#392e1d!important;color:#ddbf7a!important;border-color:#584529!important}body.workbench-shell :is(.warning,.warning5,.status,.combo-warning4){background:#30281c!important;color:#d6bb88!important;border:1px solid #4b3d28!important;border-radius:6px!important;padding:12px!important}body.workbench-shell :is(.context-tools,.scheme5,.hash-detail5,.attachment-location5,.manual-formats5 label,.sync-choice5){background:#202024!important;border-color:var(--wb-line)!important}body.workbench-shell .reader-table5{overflow:auto}body.workbench-shell .reader-images5 figure{background:#202024!important;border-color:var(--wb-line)!important}body.workbench-shell .reader-text5{color:#d9d9df!important}body.workbench-shell .reader-block5.info{border-left:2px solid #7770a8!important}body.workbench-shell .reader-block5.step{border-left:2px solid #528d78!important}body.workbench-shell .reader-block5.warning{border-left:2px solid #a78c59!important}body.workbench-shell :is(.row-upload-panel5,.row-upload-panel5.jade5,.row-upload-panel5.violet5,.advanced-program-upload5,.order-company5,.order-parameters5){background:#1b1b20!important;border-color:#35353e!important;border-radius:8px!important}body.workbench-shell .program-upload-entry5.violet5{background:#342c47!important;border-color:#57466f!important;color:#cbb9e9!important}body.workbench-shell .program-upload-entry5.jade5{background:#203b33!important;border-color:#365c4e!important;color:#a0d4bf!important}body.workbench-shell #comboPanel4{padding:0!important}body.workbench-shell .combo-head4{background:#222126!important;border-bottom:1px solid var(--wb-line);padding:24px!important}body.workbench-shell .combo-head4 h2{color:#eeeaf5!important;border-bottom:0!important;margin:8px 0!important;padding:0!important}body.workbench-shell .combo-head4 span{color:#aca1cc!important;font-size:10px!important}body.workbench-shell .combo-head4 p{color:#929099!important}body.workbench-shell :is(.combo-stage4,.combo-stage4.second4){background:#19191d!important;border-color:var(--wb-line)!important;padding:24px!important}body.workbench-shell .combo-badge4{background:#392d4b!important;color:#cbb9e9!important;font-size:11px}body.workbench-shell .second4 .combo-badge4{background:#203b33!important;color:#a0d4bf!important}body.workbench-shell :is(.noImage,.placeholder5){background:#202024!important;color:#656570!important}body.workbench-shell .productCard{overflow:hidden;transition:border-color .12s}body.workbench-shell .productCard:hover{border-color:#55515e!important}body.workbench-shell .productInfo b{color:#e2e2eb!important}body.workbench-shell .productInfo{padding:18px!important}body.workbench-shell .productCard>img{height:210px;object-fit:contain;background:#202024!important}body.workbench-shell .stats5 strong{font-size:24px;color:#d5cffa!important;font-variant-numeric:tabular-nums}body.workbench-shell .countdown5{background:#222228!important;color:#bab2df!important;border:1px solid #36323e;font-size:12px;font-variant-numeric:tabular-nums}body.workbench-shell .countdown5.late{color:#e59f99!important}body.workbench-shell :is(dialog,.dialog5){background:#1b1b1f!important;color:var(--wb-text)!important;border:1px solid #3a3a42!important;border-radius:12px!important;box-shadow:0 25px 100px #0008!important}body.workbench-shell dialog::backdrop{background:#0009;backdrop-filter:blur(3px)}body.workbench-shell .full-sync5{background:#22332e!important;color:#a0c9ba!important;border-color:#395448!important}body.workbench-shell .manual-preview-wrap5{gap:20px}body.workbench-shell :is(#manualPreview,#combinedFrame5,.preview5){background:#ededf0!important;border-color:#3b3b42!important;border-radius:6px}body.workbench-shell #exportPanel{border-top:1px solid #4e4665!important}body.workbench-shell mark{background:#4c422a!important;color:#f3d999!important}body.workbench-shell .ops{color:#c5c5ce!important}body.workbench-shell [hidden]{display:none!important}body.workbench-shell .permission-hidden,body.workbench-shell .hidden{display:none!important}
#wbSidebar{position:fixed;inset:0 auto 0 0;width:var(--wb-sidebar);background:var(--wb-side);border-right:1px solid var(--wb-line);display:flex;flex-direction:column;z-index:30;padding:20px 12px 12px;overflow:hidden}#wbSidebar svg,#wbTopbar svg{height:17px;width:17px;flex-shrink:0}#wbSidebar .wb-brand{display:flex;align-items:center;gap:10px;padding:0 10px 20px;color:#e4e4ed;text-decoration:none}#wbSidebar .wb-brand img{width:34px;height:34px;object-fit:cover;object-position:50% 14%;border-radius:7px;background:#fff}#wbSidebar .wb-brand b{display:block;font-size:14px;font-weight:600;letter-spacing:.1px}#wbSidebar .wb-brand small{display:block;font-size:10px;color:#797982;margin-top:2px;letter-spacing:.5px}.wb-menu-search{display:flex;align-items:center;gap:8px;border:1px solid #2d2d33;border-radius:6px;padding:0 9px;margin:0 6px 20px;color:#777780}.wb-menu-search input{background:transparent!important;border:0!important;padding:8px 0!important;min-width:0;font-size:11px}.wb-menu-search input:focus{outline:none!important}.wb-menu-search kbd{font:9px sans-serif;white-space:nowrap;color:#777780}#wbNav{margin:0;display:block;overflow-y:auto;flex:1;padding:0 4px;scrollbar-width:thin;scrollbar-color:#33333b transparent}.wb-group{margin:0 0 20px;border:0!important;background:transparent!important}.wb-group>summary{display:flex;align-items:center;gap:9px;padding:8px;color:#9b9ba7;font-size:11px;font-weight:500;list-style:none;cursor:pointer}.wb-group>summary::-webkit-details-marker{display:none}.wb-group>summary i{margin-left:auto;display:flex;color:#656572}.wb-group[open]>summary i{transform:rotate(90deg)}.wb-children{border-left:1px solid #29292f;margin-left:16px;padding-left:8px;margin-top:3px}#wbSidebar .wb-nav-item{display:flex;align-items:center;gap:10px;width:100%;border:1px solid transparent!important;background:transparent!important;box-shadow:none!important;text-align:left;font-size:12px;color:#a5a5b0!important;font-weight:400;padding:8px 10px;margin:2px 0;border-radius:5px!important;white-space:nowrap}#wbSidebar .wb-nav-item:hover{background:#242428!important;color:#e8e8f0!important}#wbSidebar .wb-nav-item.active{background:#2b2837!important;color:#d9d2f4!important;border-color:#363040!important}#wbSidebar .wb-nav-item svg{width:15px;height:15px;opacity:.8}#wbSidebar footer{border-top:1px solid var(--wb-line);padding-top:12px;margin-top:12px}.wb-user{display:flex;align-items:center;gap:10px;padding:4px 9px 10px;color:#bfbfc9;font-size:12px}.wb-avatar{height:27px;width:27px;border:1px solid #494052;background:#302938;border-radius:50%;display:grid;place-items:center;color:#d6c6ef;font-size:11px;flex-shrink:0}#wbCollapse{display:flex;align-items:center;gap:10px;width:100%;border:0!important;background:transparent!important;box-shadow:none!important;color:#73737f!important;font-size:10px!important;padding:5px 10px!important}#wbTopbar{position:fixed;inset:0 0 auto var(--wb-sidebar);height:61px;background:#111113ee;backdrop-filter:blur(14px);border-bottom:1px solid var(--wb-line);z-index:25;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:15px}.wb-trail{display:flex;align-items:center;gap:13px;white-space:nowrap;font-size:12px;color:#777780}.wb-trail i{font-style:normal;color:#4d4d57}.wb-trail b{font-weight:500;color:#d8d8e1}.wb-top-actions{display:flex;gap:8px}.wb-top-actions button{padding:7px 12px!important}.wb-top-actions .primary:before{content:'＋';margin-right:5px}#wbNotice{position:fixed;top:61px;left:var(--wb-sidebar);right:0;padding:5px 28px;font-size:10px;color:#858590;background:#111113;z-index:24;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:25px}#wbMobileToggle{display:none!important}#wbScrim{display:none!important}.wb-backup>button{margin:8px;display:block}.workbench-shell.wb-collapsed{--wb-sidebar:72px}.wb-collapsed #wbSidebar{padding:20px 8px 12px}.wb-collapsed #wbSidebar .wb-brand{padding:0 10px 20px}.wb-collapsed #wbSidebar :is(.wb-brand span,.wb-menu-search,.wb-group summary span,.wb-group summary i,.wb-nav-item span,.wb-user #wbIdentity,#wbCollapse span){display:none!important}.wb-collapsed #wbSidebar .wb-children{margin:0;border:0;padding:0}.wb-collapsed #wbSidebar .wb-group{margin-bottom:15px}.wb-collapsed #wbSidebar .wb-group>summary{justify-content:center;padding:9px}.wb-collapsed #wbSidebar .wb-nav-item{justify-content:center;padding:10px}.wb-collapsed #wbSidebar .wb-user{justify-content:center;padding:4px 0 10px}.wb-collapsed #wbSidebar #wbCollapse{justify-content:center}
body.workbench-login{background:#111113!important;color:#e3e3eb!important;color-scheme:dark}body.workbench-login :is(.login-card,.card,.form-panel,.right,.panel,.login-panel){background:#19191d!important;border-color:#303039!important}body.workbench-login :is(input,select){background:#121216!important;color:#e4e4ee!important;border-color:#36363e!important}body.workbench-login :is(h1,h2,h3,label){color:#e3e3ed!important}body.workbench-login :is(p,small){color:#a5a5b1!important}body.workbench-login button{background:#6e64b0!important;color:white!important;border-color:#8176c5!important}body.workbench-login :is(.brand,.brand-panel,.left){background:linear-gradient(145deg,#1a1923,#242131)!important}body.workbench-login .eyebrow{color:#b3a8dd!important}
@media(max-width:1000px){body.workbench-shell{--wb-sidebar:216px;padding-right:18px;padding-left:calc(var(--wb-sidebar) + 18px)}#wbSidebar{padding-left:8px;padding-right:8px}#wbTopbar{padding:0 18px}.wb-menu-search kbd{display:none}.wb-top-actions button{font-size:11px!important}}
@media(max-width:760px){body.workbench-shell,body.workbench-shell.wb-collapsed{--wb-sidebar:244px;padding:92px 12px 20px!important}#wbSidebar{transform:translateX(-100%);transition:transform .15s}#wbTopbar{left:0;padding:0 12px}.wb-trail{gap:8px}.wb-trail>span,.wb-trail>i{display:none}#wbMobileToggle{display:flex!important;align-items:center;background:transparent!important;border:0!important;padding:5px!important}#wbNotice{left:0;padding-left:12px}.wb-mobile-open #wbSidebar{transform:translateX(0)}.wb-mobile-open #wbScrim{display:block!important;position:fixed;inset:0;background:#0009!important;border:0!important;border-radius:0!important;z-index:29}.wb-top-actions{gap:5px}.wb-top-actions button{padding:7px 9px!important}body.workbench-shell .paper{padding:16px!important}body.workbench-shell .grid{grid-template-columns:1fr!important}body.workbench-shell .reader-table5{max-width:100%;overflow:auto}.wb-collapsed #wbSidebar .wb-group summary span,.wb-collapsed #wbSidebar .wb-nav-item span,.wb-collapsed #wbSidebar .wb-brand span,.wb-collapsed #wbSidebar .wb-user #wbIdentity{display:block!important}}
@media print{body.workbench-shell{padding:0!important;background:#fff!important;color:#222!important;color-scheme:light}#wbSidebar,#wbTopbar,#wbNotice,#wbScrim{display:none!important}body.workbench-shell main{margin:0!important;width:100%!important}body.workbench-shell :is(.paper,.library,.reader-block5){background:white!important;color:#222!important;border:0!important}}body.workbench-login .shell{background:#19191e!important;border:1px solid #34333e;border-radius:14px;box-shadow:0 25px 80px #0005}body.workbench-login .welcome{background:linear-gradient(145deg,#211e2b,#18181d)!important;border-right:1px solid #34313e}body.workbench-login .form{background:#19191e!important;color:#e0dfea}body.workbench-login #error{color:#e3a39d}.wb-more{position:relative;align-self:center}.wb-more>summary{font-size:12px;padding:7px 12px;border:1px solid #37373e;border-radius:6px;background:#242428;list-style:none;font-weight:400;color:#babac5;cursor:pointer}.wb-more>summary::-webkit-details-marker{display:none}.wb-more>div{position:absolute;right:0;top:40px;min-width:200px;background:#222226;border:1px solid #393940;border-radius:8px;padding:6px;box-shadow:0 10px 35px #0008;z-index:40}.wb-more>div button{display:block;text-align:left;width:100%;white-space:nowrap;border:0!important;background:transparent!important;box-shadow:none!important}body.workbench-shell .productInfo .smalltext{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:65px}body.workbench-shell .productInfo .scheme5{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.workbench-shell #library :is(#newProduct,#librarySettings,#databaseBackup,#databaseImport,#portableExport,#wbFullBackupOriginal){display:none!important}
.wb-top-actions .primary:before{content:none}.wb-top-actions [data-wb-proxy="newProduct"]:before,.wb-top-actions [data-wb-proxy="newOrder"]:before{content:"＋";margin-right:5px}body.workbench-shell .grid>*{min-width:0}#wbNavFind{box-shadow:none!important;outline:none!important}

/* Dedicated tool pages retain editor data while switching navigation. */
body.workbench-shell.wb-tool-view > main,body.workbench-shell.wb-tool-view > #library,body.workbench-shell.wb-tool-view > #manualReader5{display:none!important}#wbToolHost{max-width:1480px;margin:0 auto;width:100%;min-width:0}body.workbench-shell.wb-tool-view > #wbToolHost:not([hidden]){display:block!important}body.workbench-shell.wb-tool-view #wbToolHost > .wb-tool-panel{display:block!important}#wbToolHost:empty{display:none!important}

/* Locally bundled fonts: Latin/numerals resolve to Inter; CJK resolves to MiSans. */
@font-face{font-family:Inter;src:url('/v5/fonts/InterVariable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20A0-20CF,U+2100-214F}
@font-face{font-family:MiSans;src:url('/v5/fonts/MiSans-Regular.woff2') format('woff2');font-style:normal;font-weight:100 400;font-display:swap}
@font-face{font-family:MiSans;src:url('/v5/fonts/MiSans-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:MiSans;src:url('/v5/fonts/MiSans-Semibold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:MiSans;src:url('/v5/fonts/MiSans-Bold.woff2') format('woff2');font-style:normal;font-weight:700 900;font-display:swap}
body.workbench-shell,body.workbench-login{--wb-font:Inter,MiSans,'Microsoft YaHei',sans-serif;font-family:var(--wb-font)!important;font-optical-sizing:auto}
body.workbench-shell :is(button,input,select,textarea,code,kbd,.countdown5),body.workbench-login :is(button,input,select,textarea){font-family:var(--wb-font)!important}
body.workbench-shell .countdown5{font-variant-numeric:tabular-nums}

/* BEGIN SAAS PILOT — product library and order list only. */
@media screen {
body.workbench-shell.wb-pilot{
 --ui-bg:#F8F9FB;--ui-surface:#FFFFFF;--ui-text:#252A32;--ui-muted:#68717D;--ui-brand:#B39261;--ui-brand-soft:#F5F0E8;--ui-line:#E5E7EB;--ui-success:#15856B;--ui-warning:#D97745;--ui-error:#D95C60;--ui-info:#3578B8;
 --ui-space:24px;--ui-radius:12px;--ui-control-radius:8px;--ui-shadow:0 2px 8px #252a3205;
 --wb-sidebar:240px;--wb-bg:var(--ui-bg);--wb-side:#fff;--wb-panel:#fff;--wb-raised:#fff;--wb-line:var(--ui-line);--wb-text:var(--ui-text);--wb-muted:var(--ui-muted);--wb-accent:var(--ui-brand);--ink:var(--ui-text);--brand:var(--ui-brand);--line:var(--ui-line);--blue:var(--ui-info);--green:var(--ui-success);
 --wb-font:Inter,MiSans,'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
 font-size:15px;line-height:1.6;color-scheme:light;padding:104px 32px 32px calc(var(--wb-sidebar) + 32px);font-variant-numeric:tabular-nums;
}
body.workbench-shell.wb-pilot.wb-collapsed{--wb-sidebar:64px}
body.wb-pilot main{max-width:1760px!important}
body.wb-pilot :is(.paper,.library,.productCard,.order5,.stats5 article){background:var(--ui-surface)!important;color:var(--ui-text)!important;border:1px solid var(--ui-line)!important;border-radius:var(--ui-radius)!important;box-shadow:var(--ui-shadow)!important}
body.wb-pilot :is(p,label,span,td,th){line-height:1.6}
body.wb-pilot h1,body.wb-pilot #listPage>h2{font-size:24px!important;font-weight:600!important;letter-spacing:-.4px;color:var(--ui-text)!important;margin:0 0 8px!important;padding:0!important;border:0!important}
body.wb-pilot h2{font-size:18px!important;font-weight:600!important;color:var(--ui-text)!important}
body.wb-pilot h3{font-size:15px!important;color:var(--ui-text)!important}
body.wb-pilot p{font-size:15px}body.wb-pilot label{font-size:13px;color:var(--ui-muted)}
body.wb-pilot :is(.tips,.smalltext,.meta,.scheme5,.muted,label span){color:var(--ui-muted)!important;font-size:12px}
body.wb-pilot :is(input,select,textarea){background:#fff!important;color:var(--ui-text)!important;border:1px solid #D8DDE4!important;border-radius:8px!important;padding:9px 12px;font-size:14px;min-height:40px}
body.wb-pilot input::placeholder{color:#767E89!important}
body.wb-pilot :is(input,select,textarea):focus{outline:3px solid #3578b826!important;outline-offset:1px!important;border-color:var(--ui-info)!important}
body.wb-pilot :is(button,.button){background:#fff!important;color:var(--ui-text)!important;border:1px solid #D8DDE4!important;border-radius:8px!important;box-shadow:0 1px 2px #252a3205!important;font-size:14px!important;font-weight:500;padding:8px 12px;transition:background 160ms,border-color 160ms,box-shadow 160ms}
body.wb-pilot :is(button,.button):hover:not(:disabled){background:#F3F4F6!important;border-color:#BCC3CD!important;box-shadow:none!important}
body.wb-pilot :is(button,.button).primary{background:var(--ui-text)!important;color:#fff!important;border-color:var(--ui-text)!important}
body.wb-pilot button.primary:hover:not(:disabled){background:#414852!important;border-color:#414852!important}
body.wb-pilot :is(button,a,input,select,summary):focus-visible{outline:3px solid #3578b85c!important;outline-offset:3px!important}
body.wb-pilot button:disabled{opacity:.45!important}
body.wb-pilot input[type=checkbox]{accent-color:#7F653F;min-height:0;width:16px!important;height:16px;padding:0}
body.wb-pilot a{color:var(--ui-info)}
body.wb-pilot #wbSidebar{background:#fff;border-color:var(--ui-line);padding:24px 12px 12px}
body.wb-pilot #wbSidebar .wb-brand{color:var(--ui-text);padding-bottom:24px;gap:12px}
body.wb-pilot #wbSidebar .wb-brand b{font-size:16px;letter-spacing:0}
body.wb-pilot #wbSidebar .wb-brand small{font-size:11px;color:var(--ui-muted)}
body.wb-pilot #wbSidebar .wb-brand img{border:1px solid var(--ui-line);width:36px;height:36px}
body.wb-pilot .wb-menu-search{background:var(--ui-bg);border-color:var(--ui-line);margin-bottom:20px;color:var(--ui-muted)}
body.wb-pilot .wb-menu-search input{background:transparent!important;font-size:13px;min-height:36px;border:0!important}
body.wb-pilot .wb-menu-search kbd{color:var(--ui-muted)}
body.wb-pilot .wb-group{margin-bottom:16px}
body.wb-pilot .wb-group>summary{color:var(--ui-muted);font-size:12px;font-weight:500;padding:7px 8px}
body.wb-pilot .wb-group>summary i{color:#969DA7}
body.wb-pilot .wb-children{border-color:var(--ui-line);margin-left:16px;padding-left:8px}
body.wb-pilot #wbSidebar .wb-nav-item{font-size:14px!important;color:#525C69!important;padding:8px 10px;min-height:38px}
body.wb-pilot #wbSidebar .wb-nav-item:hover{background:var(--ui-bg)!important;color:var(--ui-text)!important}
body.wb-pilot #wbSidebar .wb-nav-item.active{background:var(--ui-brand-soft)!important;color:var(--ui-text)!important;border-color:#EBE0D1!important}
body.wb-pilot .wb-user{color:var(--ui-text);font-size:13px}
body.wb-pilot .wb-avatar{background:var(--ui-brand-soft);border-color:#E6D8C4;color:#735A33}
body.wb-pilot #wbCollapse{color:var(--ui-muted)!important}
body.wb-pilot #wbNav{scrollbar-color:#D5D9DF transparent}
body.wb-pilot #wbTopbar{height:64px;background:#ffffffed;border-color:var(--ui-line);padding:0 32px;gap:16px}
body.wb-pilot .wb-trail{color:var(--ui-muted);font-size:13px;gap:10px}
body.wb-pilot .wb-trail b{color:var(--ui-text);font-weight:500}
body.wb-pilot .wb-trail i{color:#BBC1C9}
body.wb-pilot #wbNotice{top:64px;background:var(--ui-bg);color:var(--ui-muted);padding:7px 32px;height:32px;font-size:12px}
.wb-pilot-tools{display:none;align-items:center;gap:12px;margin-left:auto}
body.wb-pilot .wb-pilot-tools{display:flex}
.wb-global-search{display:flex;align-items:center;gap:7px;position:relative}
body.wb-pilot .wb-global-search input{width:205px;min-height:34px;height:34px;padding:7px 10px 7px 30px;background:var(--ui-bg)!important;font-size:13px}
.wb-global-search svg{position:absolute;left:9px;pointer-events:none;color:#7B8490;width:14px;height:14px}
body.wb-pilot #wbPilotNotice{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:7px}
.wb-top-user{display:flex;align-items:center;gap:8px;border-left:1px solid #E5E7EB;padding-left:12px;font-size:13px;white-space:nowrap;color:#525C69}
.wb-top-user .wb-avatar{width:28px;height:28px;font-size:12px}
body.wb-pilot .wb-top-actions button{font-size:14px!important}
body.wb-pilot #library{padding:28px!important;max-width:1760px!important;margin:auto!important}
body.wb-pilot #library>p:first-of-type{font-size:13px;margin:0 0 24px;color:var(--ui-muted)}
body.wb-pilot .grid{gap:16px 20px}
body.wb-pilot #library>.grid{max-width:none}
body.wb-pilot #library>.grid:has(#searchAxis){grid-template-columns:repeat(3,minmax(0,1fr));padding-top:20px;margin-top:20px;border-top:1px solid var(--ui-line)}
body.wb-pilot #library>nav{margin:20px 0;gap:8px}
body.wb-pilot #library #productGrid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}
body.wb-pilot .productCard{overflow:hidden;transition:border-color 180ms,box-shadow 180ms}
body.wb-pilot .productCard:hover{border-color:#CDBA9D!important;box-shadow:0 4px 14px #252a3209!important}
body.wb-pilot .productCard>img,body.wb-pilot .noImage{height:196px;background:#FAFAF9!important;border-bottom:1px solid var(--ui-line)}
body.wb-pilot .productInfo{padding:18px}
body.wb-pilot .productInfo b{color:var(--ui-text)!important}body.wb-pilot .productInfo>b{font-size:16px}
body.wb-pilot .productInfo p{font-size:13px;margin:8px 0}
body.wb-pilot .productInfo>label{font-size:12px;margin-bottom:10px;display:flex;align-items:center;gap:6px}
body.wb-pilot .productInfo>label input{width:16px!important}
body.wb-pilot .productInfo .scheme5{background:#F5F6F8!important;color:var(--ui-muted)!important;border:0!important;border-radius:6px;padding:8px 10px;line-height:1.6}
body.wb-pilot .productInfo .toolbar5{margin:10px 0 0;gap:8px}
body.wb-pilot .productInfo button{font-size:13px!important;padding:7px 10px}
body.wb-pilot #listPage{padding:28px!important;overflow:hidden}
.wb-page-subtitle{font-size:13px!important;color:#68717D;margin:0 0 24px!important}
body.wb-pilot #listPage>.grid{grid-template-columns:minmax(240px,1.2fr) minmax(180px,1fr);margin-top:16px}
body.wb-pilot .chips5{margin:20px 0 16px;gap:8px}
body.wb-pilot .chips5 button{font-size:13px!important;padding:6px 12px}
body.wb-pilot .chips5 button.selected{background:var(--ui-brand-soft)!important;color:var(--ui-text)!important;border-color:#CDBA9D!important}
body.wb-pilot .toolbar5{gap:8px;margin:16px 0}
body.wb-pilot .stats5{gap:16px;margin:24px 0}
body.wb-pilot .stats5 article{padding:18px 20px;font-size:13px;color:var(--ui-muted)!important;position:relative}
body.wb-pilot .stats5 article:before{content:'';width:5px;height:5px;background:var(--ui-brand);border-radius:50%;display:inline-block;vertical-align:middle;margin-right:7px}
body.wb-pilot .stats5 strong{font-size:28px!important;font-weight:600;color:var(--ui-text)!important;line-height:1.4;margin-top:8px;letter-spacing:-.7px}
body.wb-pilot #orderList{border:1px solid var(--ui-line);border-radius:10px;overflow:hidden}
body.wb-pilot .placeholder5{background:#F3F4F6!important;color:var(--ui-muted)!important}.wb-order-head{display:none}
body.wb-pilot .wb-order-head{display:grid;grid-template-columns:170px minmax(250px,1fr) 210px 170px;gap:16px;background:#F8F9FB;padding:12px 16px;border-bottom:1px solid var(--ui-line);color:var(--ui-muted);font-size:12px;font-weight:500}
body.wb-pilot .order5{display:grid;grid-template-columns:170px minmax(250px,1fr) 210px 170px;gap:16px;align-items:start;border:0!important;border-bottom:1px solid var(--ui-line)!important;border-radius:0!important;box-shadow:none!important;margin:0;padding:18px 16px;background:#fff!important;font-size:14px;outline:0}
body.wb-pilot .order5:last-child{border-bottom:0!important}
body.wb-pilot .order5:hover{background:#FAFBFC!important}
body.wb-pilot .order5>.row5:first-child{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:10px;grid-column:1}
body.wb-pilot .order5>.row5:first-child label{font-size:13px;color:var(--ui-text);overflow-wrap:anywhere;display:flex;align-items:baseline;gap:6px}
body.wb-pilot .order5>.row5:first-child input{flex-shrink:0}
body.wb-pilot .wb-order-products{grid-column:2;min-width:0}
body.wb-pilot .orderline5{gap:12px;align-items:start;margin:0 0 16px}
body.wb-pilot .orderline5:last-child{margin-bottom:0}
body.wb-pilot .thumb5{width:60px;height:60px;border:1px solid var(--ui-line);border-radius:8px;background:#FAFAF9}
body.wb-pilot .orderline5>div{min-width:0}
body.wb-pilot .orderline5 h3{margin:0 0 6px;font-size:14px!important;font-weight:600;overflow-wrap:anywhere}
body.wb-pilot .orderline5 p{font-size:12px;margin:5px 0;color:var(--ui-muted)}
body.wb-pilot .orderline5 .scheme5{font-size:12px;background:#F5F6F8!important;border:0;padding:5px 7px;border-radius:5px;color:var(--ui-muted)!important}
body.wb-pilot .tag5{background:var(--ui-brand-soft)!important;border:0!important;color:#715A3C!important;font-size:11px!important;padding:2px 6px}
body.wb-pilot .order5>.row5:last-child{display:contents}
body.wb-pilot .order5>.row5:last-child>div{grid-column:3;grid-row:1}
body.wb-pilot .order5>.row5:last-child>div p{font-size:12px;color:var(--ui-muted);margin:0 0 6px;overflow-wrap:anywhere}
body.wb-pilot .order5>.row5:last-child>nav{grid-column:4;grid-row:1;display:flex;flex-wrap:wrap;align-content:start;gap:7px;margin:0}
body.wb-pilot .order5 nav button{font-size:13px!important;padding:6px 9px;min-height:34px}
body.wb-pilot .countdown5{font-size:12px;line-height:1.6;color:var(--ui-info)!important;background:transparent!important;border:0!important;letter-spacing:0;display:block;font-variant-numeric:tabular-nums}
body.wb-pilot .countdown5.late{color:#A94448!important}
body.wb-pilot .status5{background:#EAF2F9!important;border:1px solid #CEDFED!important;color:#285E8F!important;border-radius:6px!important;font-size:12px!important;font-weight:500;padding:3px 8px}
body.wb-pilot .running .status5{background:#FFF1E8!important;color:#98451E!important;border-color:#F1D3BD!important}
body.wb-pilot .done .status5{background:#E8F5EF!important;color:#116F58!important;border-color:#BFE3D5!important}
body.wb-pilot .cancel .status5{background:#F1F2F4!important;color:#68717D!important;border-color:#DFE2E6!important}
body.wb-pilot .order5.late5{box-shadow:inset 3px 0 #D95C60!important}
body.wb-pilot button.danger5{background:#FFF4F4!important;color:#9E3B40!important;border-color:#EAC9CB!important}
body.wb-pilot .full-sync5{background:#F5F0E8!important;color:#715A3C!important;border-color:#DDCEB8!important}
body.wb-pilot #orderList>p{padding:32px;text-align:center;color:var(--ui-muted);font-size:14px}
body.wb-pilot #wbMore>summary{background:#fff;color:var(--ui-text);border-color:var(--ui-line)}
body.wb-pilot #wbMore>div{background:#fff;border-color:var(--ui-line);box-shadow:0 8px 24px #252a3214}
body.wb-pilot .wb-collapsed #wbSidebar .wb-brand{padding-left:0;padding-right:0}
@media(max-width:1250px){body.wb-pilot .wb-top-user{display:none}body.wb-pilot .wb-global-search input{width:170px}body.wb-pilot .wb-order-head,body.wb-pilot .order5{grid-template-columns:145px minmax(210px,1fr) 190px}body.wb-pilot .wb-order-head>span:last-child{display:none}body.wb-pilot .order5>.row5:last-child>nav{grid-column:2 / -1;grid-row:2;justify-content:flex-end}body.wb-pilot #library #productGrid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}
@media(max-width:1000px){body.workbench-shell.wb-pilot{padding-left:calc(var(--wb-sidebar) + 24px);padding-right:24px}body.wb-pilot #wbTopbar{padding:0 24px}body.wb-pilot .wb-global-search{display:none}body.wb-pilot #library,body.wb-pilot #listPage{padding:24px!important}body.wb-pilot body.wb-pilot .placeholder5{background:#F3F4F6!important;color:var(--ui-muted)!important}.wb-order-head{display:none}body.wb-pilot .order5{grid-template-columns:1fr 1.6fr}body.wb-pilot .wb-order-products{grid-column:2;grid-row:1 / span 2}body.wb-pilot .order5>.row5:last-child>div{grid-column:1;grid-row:2}body.wb-pilot .order5>.row5:last-child>nav{grid-column:1 / -1;grid-row:3}}
@media(max-width:760px){body.workbench-shell.wb-pilot,body.workbench-shell.wb-pilot.wb-collapsed{--wb-sidebar:240px;padding:104px 12px 24px!important}body.wb-pilot #wbTopbar{left:0;padding:0 12px;gap:8px}body.wb-pilot #wbNotice{left:0;padding-left:12px}body.wb-pilot .wb-pilot-tools{margin-left:auto;gap:0}body.wb-pilot #wbPilotNotice{width:32px}body.wb-pilot #wbPageTitle{font-size:13px}body.wb-pilot #library,body.wb-pilot #listPage{padding:20px 16px!important}body.wb-pilot #library>.grid:has(#searchAxis){grid-template-columns:1fr!important}body.wb-pilot #library #productGrid{grid-template-columns:1fr}body.wb-pilot .stats5{grid-template-columns:repeat(2,1fr);gap:10px}body.wb-pilot .stats5 article{padding:14px}body.wb-pilot .order5{grid-template-columns:1fr;padding:16px;gap:14px}body.wb-pilot .wb-order-products{grid-column:1;grid-row:auto}body.wb-pilot .order5>.row5:first-child{flex-direction:row;justify-content:space-between;align-items:start}body.wb-pilot .order5>.row5:last-child>div,body.wb-pilot .order5>.row5:last-child>nav{grid-column:1;grid-row:auto}body.wb-pilot .order5>.row5:last-child>nav{justify-content:flex-start}body.wb-pilot .wb-top-actions button{font-size:12px!important;padding:7px 10px!important}body.wb-pilot .wb-top-user{display:none}}
@media(prefers-reduced-motion:reduce){body.wb-pilot *,body.wb-pilot *:before{transition:none!important;animation:none!important}}
}
/* END SAAS PILOT */
@media screen {
body.wb-pilot #wbOrderFilters{display:grid;grid-template-columns:minmax(230px,1.3fr) repeat(3,minmax(140px,1fr));gap:16px;margin:24px 0 16px}
body.wb-pilot #wbOrderFilters>.grid{display:contents}
body.wb-pilot #wbOrderFilters label{min-width:0}
body.wb-pilot #wbOrderFilters :is(input,select){display:block;width:100%;margin-top:6px}
body.wb-pilot .order5{border-radius:0!important}
@media(max-width:1250px){body.wb-pilot #wbOrderFilters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){body.wb-pilot #wbOrderFilters{grid-template-columns:1fr}}
}
@media screen {
body.workbench-shell.wb-pilot #orderList article.order5{border-radius:0!important}
body.wb-pilot .productInfo button,body.wb-pilot .order5 nav button{font-size:14px!important}
body.wb-pilot .order5>.row5:first-child label,body.wb-pilot .orderline5 p:not(.scheme5){font-size:14px}
body.wb-pilot .order5>.row5:last-child>div p{font-size:13px}
}
#wbFontCredit{display:none}
@media screen {
body.wb-pilot #wbFontCredit{display:block;margin:4px 0 0 9px;padding:0!important;min-height:24px;font-size:11px!important;color:var(--ui-muted)!important;background:transparent!important;border:0!important;box-shadow:none!important}
body.wb-pilot.wb-collapsed #wbFontCredit{display:none}
body.wb-pilot .wb-font-license{max-width:560px;background:#fff!important;color:var(--ui-text)!important;border:1px solid var(--ui-line)!important;border-radius:12px!important;box-shadow:0 16px 48px #252a3226!important}
body.wb-pilot .wb-font-license::backdrop{background:#252a324d;backdrop-filter:blur(2px)}
body.wb-pilot .wb-font-license a{display:block;margin:12px 0}
body.wb-pilot .wb-font-license p{font-size:14px;line-height:1.6}
}
/* V3 industrial blue — shared navigation, dashboard/list/detail demonstration. */
@media screen {
body.workbench-shell.wb-pilot{--ui-bg:#F8FAFC;--ui-surface:#fff;--ui-text:#1E293B;--ui-muted:#64748B;--ui-brand:#2563EB;--ui-brand-soft:#EFF6FF;--ui-line:#E2E8F0;--ui-success:#16A34A;--ui-warning:#F59E0B;--ui-error:#DC2626;--ui-info:#2563EB;background:var(--ui-bg)!important;color:var(--ui-text)!important}
body.wb-pilot button.primary{background:#2563EB!important;border-color:#2563EB!important;color:#fff!important}body.wb-pilot button.primary:hover:not(:disabled){background:#1D4ED8!important;border-color:#1D4ED8!important}
body.wb-pilot #wbSidebar .wb-nav-item.active,body.wb-pilot .chips5 button.selected{background:#EFF6FF!important;color:#1D4ED8!important;border-color:#BFDBFE!important}
body.wb-pilot .wb-avatar{background:#EFF6FF;color:#1D4ED8;border-color:#BFDBFE}
body.wb-pilot .tag5,body.wb-pilot .full-sync5{background:#F1F5F9!important;border-color:#E2E8F0!important;color:#475569!important}
#wbHistoryTools{display:flex;gap:5px;align-items:center;flex-shrink:0}#wbHistoryTools button{height:32px;min-width:32px;padding:5px!important;font-size:18px;display:grid;place-items:center}#wbHistoryTools svg{width:16px;height:16px}
#wbBreadcrumbRoot{border:0!important;box-shadow:none!important;background:transparent!important;padding:2px!important;font-size:12px!important;white-space:nowrap}
#wbTopbar .wb-trail{min-width:0;flex-shrink:1}#wbPageTitle{overflow:hidden;text-overflow:ellipsis}
#wbTopbar{gap:12px}#wbMobileToggle{display:none!important}
#wbNotice.wb-error{background:#FEF2F2!important;color:#991B1B!important;font-size:13px!important;height:auto;min-height:32px;white-space:normal}
body.wb-navigating #wbSidebar button{cursor:progress}
#wbPaging{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:16px 0;flex-wrap:wrap}#wbPagingCount{margin-right:auto}#wbPaging label{display:flex;align-items:center;gap:8px;white-space:nowrap}#wbPageSize{min-height:32px;padding:4px 8px;width:72px}#wbPaging span{font-size:13px}
body.wb-pilot .wb-list-options{grid-template-columns:repeat(4,minmax(0,1fr));margin:12px 0 20px;gap:16px}
body.wb-pilot .wb-list-options label{margin:0}body.wb-pilot .wb-list-options input,body.wb-pilot .wb-list-options select{margin-top:6px}
#wbDashboard{padding:28px}.wb-dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 32px}
body.wb-pilot .wb-metric{padding:20px!important;text-align:left;border-radius:12px!important;min-height:112px}.wb-metric span{display:block;color:#64748B;font-size:13px}.wb-metric strong{display:block;font-size:28px;font-weight:600;margin-top:8px;font-variant-numeric:tabular-nums}
body.wb-pilot .wb-metric:hover{border-color:#93C5FD!important;background:#F8FAFC!important}
.wb-recent-order{display:block;width:100%;text-align:left;margin:10px 0;padding:16px!important;line-height:1.6;overflow-wrap:anywhere}
body.wb-pilot #detailPage{padding:28px!important}body.wb-pilot #detailPage h2{font-size:24px!important;color:#1E293B!important}body.wb-pilot #detailPage h3{font-size:18px!important}
body.wb-pilot #detailPage :is(.item,.order-parameters5){background:#fff!important;color:#1E293B!important;border:1px solid #E2E8F0!important;border-radius:10px!important;padding:20px}
body.wb-pilot #detailPage p{color:#475569;font-size:14px}body.wb-pilot #detailPage table{color:#1E293B!important;font-size:14px}
body.wb-pilot #detailPage th{background:#F8FAFC!important;color:#475569!important}body.wb-pilot #detailPage :is(th,td){border-color:#E2E8F0!important}
body.wb-pilot #detailPage input,body.wb-pilot #detailPage select,body.wb-pilot #detailPage textarea{background:#fff!important;color:#1E293B!important}
#wbDetailAnchors{position:sticky;top:64px;z-index:6;padding:12px 0;margin:0 0 24px;background:#fff;border-bottom:1px solid #E2E8F0;display:flex;gap:8px;flex-wrap:wrap}
#detailPage :is(#detail,#progressPanel,#history,#mailLogs,#extraFiles){scroll-margin-top:150px}
body.wb-pilot #detailPage>nav:not(#wbDetailAnchors){padding:16px 0;border-bottom:1px solid #E2E8F0}
body.wb-pilot #detailPage .scheme5{background:#F1F5F9!important;color:#475569!important}body.wb-pilot #detailPage .reader-table5{max-width:100%;overflow:auto}
body.wb-pilot .wb-backup{background:#fff!important;color:#1E293B!important}
.wb-nav-failure{margin:24px auto;max-width:900px}
@media(min-width:761px){#wbTopbar .wb-pilot-tools{gap:8px}#wbTopbar .wb-global-search input{width:170px}#wbTopbar .wb-top-user{display:none}}
@media(max-width:1150px){#wbTopbar .wb-global-search{display:none}body.wb-pilot .wb-list-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#wbTopbar{height:104px!important;display:flex;flex-wrap:wrap;align-content:center;gap:8px;padding:8px 12px!important}#wbTopbar .wb-trail{flex:1}#wbBreadcrumbRoot,#wbTopbar .wb-trail>i{display:none}#wbTopbar .wb-top-actions{width:100%;justify-content:flex-end}#wbHistoryTools button{height:30px;min-width:30px}#wbNotice{top:104px!important}body.workbench-shell,body.workbench-shell.wb-pilot,body.workbench-shell.wb-pilot.wb-collapsed{padding-top:148px!important}#wbDetailAnchors{top:104px}body.wb-pilot .wb-list-options{grid-template-columns:1fr 1fr}.wb-dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body.wb-pilot #detailPage{padding:20px 16px!important}body.wb-pilot #detailPage>table{display:block;overflow:auto}#wbPaging{justify-content:flex-start}}
}
@media screen {
body.workbench-shell.wb-pilot button.primary{background:#2563EB!important;border-color:#2563EB!important;color:#fff!important}
body.workbench-shell.wb-pilot button.primary:hover:not(:disabled){background:#1D4ED8!important;border-color:#1D4ED8!important}
.wb-row-more{position:relative;display:inline-block;font-size:13px}.wb-row-more>summary{list-style:none;border:1px solid #D8DDE4;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500;cursor:pointer;background:#fff;color:#1E293B}.wb-row-more>summary::-webkit-details-marker{display:none}.wb-row-more>div{position:absolute;right:0;top:36px;z-index:10;padding:6px;min-width:210px;background:#fff;border:1px solid #E2E8F0;border-radius:8px;box-shadow:0 8px 24px #1e293b16}.wb-row-more>div>button{width:100%;text-align:left;margin:2px 0}.wb-copy-number{font-size:12px!important;padding:3px 6px!important;min-height:26px!important}
body.wb-pilot #orderList{overflow:visible}
@media(min-width:1400px){#wbTopbar .wb-top-user{display:flex}}
}
@media screen {
body.workbench-shell.wb-pilot #detailPage tbody tr,body.workbench-shell.wb-pilot #detailPage td{background:#fff!important;color:#1E293B!important}
body.workbench-shell.wb-pilot #detailPage tbody tr:nth-child(even),body.workbench-shell.wb-pilot #detailPage tbody tr:nth-child(even) td{background:#F8FAFC!important}
body.workbench-shell.wb-pilot #detailPage td.order-changed5{background:#EFF6FF!important;color:#1D4ED8!important}
body.workbench-shell.wb-pilot :is(.warning,.warning5,.status){background:#FFF7ED!important;color:#9A3412!important;border:1px solid #FED7AA!important}
body.workbench-shell.wb-pilot #message.wb-save-success{background:#F0FDF4!important;color:#166534!important;border:1px solid #BBF7D0;border-radius:8px;padding:12px 16px}
}
@media screen {
#wbTopbar details.wb-user-menu{display:block;position:relative;padding-left:12px;border-left:1px solid #E2E8F0}
.wb-user-menu>summary{display:flex;align-items:center;gap:8px;list-style:none;cursor:pointer;padding:0;font-weight:400;font-size:13px}.wb-user-menu>summary::-webkit-details-marker{display:none}
.wb-user-popup{position:absolute;right:0;top:38px;padding:6px;min-width:150px;border:1px solid #E2E8F0;border-radius:8px;background:#fff;box-shadow:0 8px 24px #1e293b16;z-index:50}.wb-user-popup button{display:block;text-align:left;width:100%;margin:2px 0}
@media(max-width:1400px){.wb-user-menu #wbTopIdentity{display:none}#wbTopbar details.wb-user-menu{padding-left:6px}}
}
/* Unified soft surfaces. Screen-only color layer; routes, layout and print output stay independent. */
@media screen {
body.workbench-shell,body.workbench-shell.wb-pilot{
 --ui-bg:#F1F4F8;--ui-surface:#FAFBFD;--ui-text:#334155;--ui-muted:#64748B;--ui-brand:#2563EB;--ui-brand-soft:#E8EFFA;--ui-line:#DCE3ED;--ui-info:#2563EB;
 --wb-bg:var(--ui-bg);--wb-side:#F5F7FA;--wb-panel:var(--ui-surface);--wb-raised:#EDF1F6;--wb-line:var(--ui-line);--wb-text:var(--ui-text);--wb-muted:var(--ui-muted);--wb-accent:#2563EB;
 --ink:var(--ui-text);--brand:#2563EB;--line:var(--ui-line);--blue:#2563EB;--green:#15856B;
 background:var(--ui-bg)!important;color:var(--ui-text)!important;color-scheme:light;
}
body.workbench-shell :is(h1,h2,h3,.productInfo b,.reader-text5,.ops){color:var(--ui-text)!important}
body.workbench-shell :is(input,select,textarea){background:#F8FAFD!important;color:var(--ui-text)!important;border-color:#CBD5E1!important;caret-color:#2563EB}
body.workbench-shell :is(input,textarea)::placeholder{color:#718096!important}
body.workbench-shell :is(input,select,textarea):focus{border-color:#6494DE!important;outline-color:#2563EB26!important}
body.workbench-shell input[type=checkbox],body.workbench-shell input[type=radio]{accent-color:#2563EB}
body.workbench-shell input[type=file]::file-selector-button{background:#E8EFFA;color:#285BA4;border-color:#C6D6ED}
body.workbench-shell :is(button,.button){background:#F6F8FC!important;color:var(--ui-text)!important;border-color:#D4DDEA!important;box-shadow:none!important}
body.workbench-shell :is(button,.button):hover:not(:disabled){background:#EAF0F8!important;border-color:#B6C9E2!important}
body.workbench-shell button.primary,body.workbench-shell.wb-pilot button.primary{background:#2F64BD!important;color:#fff!important;border-color:#2F64BD!important}
body.workbench-shell button.primary:hover:not(:disabled),body.workbench-shell.wb-pilot button.primary:hover:not(:disabled){background:#2555A6!important;border-color:#2555A6!important}
body.workbench-shell button.danger5{background:#FBEFF0!important;color:#A83D47!important;border-color:#EDCAD0!important}
body.workbench-shell a{color:#285FAA}
body.workbench-shell :is(th,.wb-order-head){background:#EDF1F6!important;color:#526176!important}
body.workbench-shell tbody tr,body.workbench-shell td,body.workbench-shell.wb-pilot #detailPage tbody tr,body.workbench-shell.wb-pilot #detailPage td{background:#FAFBFD!important;color:var(--ui-text)!important}
body.workbench-shell tbody tr:nth-child(even),body.workbench-shell tbody tr:nth-child(even) td,body.workbench-shell.wb-pilot #detailPage tbody tr:nth-child(even),body.workbench-shell.wb-pilot #detailPage tbody tr:nth-child(even) td{background:#F0F4F9!important}
body.workbench-shell tbody tr:hover td{background:#EAF1FB!important}
body.workbench-shell :is(.context-tools,.scheme5,.hash-detail5,.attachment-location5,.manual-formats5 label,.sync-choice5,.reader-images5 figure,.noImage,.placeholder5){background:#EDF2F8!important;color:#5F7086!important;border-color:var(--ui-line)!important}
body.workbench-shell :is(.row-upload-panel5,.row-upload-panel5.jade5,.row-upload-panel5.violet5,.advanced-program-upload5,.order-company5,.order-parameters5,.combo-stage4,.combo-stage4.second4){background:#F5F8FC!important;border-color:var(--ui-line)!important}
body.workbench-shell .combo-head4{background:#EAF0F9!important;border-color:var(--ui-line)!important}
body.workbench-shell .combo-head4 h2{color:var(--ui-text)!important}
body.workbench-shell .combo-head4 span{color:#486B9B!important}
body.workbench-shell .combo-head4 p{color:var(--ui-muted)!important}
body.workbench-shell :is(.program-upload-entry5.violet5,.combo-badge4){background:#EEEAF8!important;color:#625092!important;border-color:#D8CFEA!important}
body.workbench-shell :is(.program-upload-entry5.jade5,.second4 .combo-badge4,.full-sync5){background:#E7F3EF!important;color:#216F59!important;border-color:#C8E2D8!important}
body.workbench-shell :is(.badge,.tag5,.tag,.status5){background:#E9EFF8!important;color:#3B5D8D!important;border-color:#CCD9EC!important}
body.workbench-shell :is(.green,.done .status5){background:#E7F3ED!important;color:#216D4D!important;border-color:#BEDDCC!important}
body.workbench-shell :is(.amber,.running .status5){background:#FBF0DF!important;color:#895821!important;border-color:#EBD4AD!important}
body.workbench-shell :is(.warning,.warning5,.status,.combo-warning4){background:#FBF2E5!important;color:#895220!important;border-color:#EBD5B5!important}
body.workbench-shell .cancel .status5{background:#EDF0F5!important;color:#64748B!important;border-color:#D7DFE8!important}
body.workbench-shell :is(dialog,.dialog5,.wb-backup,.wb-font-license){background:#F8FAFD!important;color:var(--ui-text)!important;border-color:#D4DDEA!important;box-shadow:0 20px 64px #33415526!important}
body.workbench-shell dialog::backdrop{background:#33415552;backdrop-filter:blur(2px)}
body.workbench-shell :is(#manualPreview,#combinedFrame5,.preview5){background:#E9EEF5!important;border-color:#D4DDEA!important}
body.workbench-shell #exportPanel{border-color:var(--ui-line)!important}
body.workbench-shell mark{background:#F8EBCF!important;color:#785523!important}
body.workbench-shell .stats5 strong{color:var(--ui-text)!important}
body.workbench-shell .countdown5{background:#EDF3FC!important;color:#365F9B!important;border-color:#D0DDF0!important}
body.workbench-shell .countdown5.late{color:#AE4750!important}
body.workbench-shell .productCard>img{background:#F0F3F8!important}
body.workbench-shell .productCard:hover{border-color:#B8CBE6!important}
body.workbench-shell #wbSidebar{background:#F5F7FA!important;border-color:var(--ui-line)!important}
body.workbench-shell #wbSidebar .wb-brand,body.workbench-shell .wb-user,body.workbench-shell .wb-trail b{color:var(--ui-text)!important}
body.workbench-shell :is(.wb-group>summary,.wb-group>summary i,.wb-trail,.wb-menu-search,.wb-menu-search kbd,.wb-brand small){color:var(--ui-muted)!important}
body.workbench-shell .wb-menu-search{border-color:var(--ui-line)!important;background:#EDF1F6!important}
body.workbench-shell .wb-menu-search input{background:transparent!important}
body.workbench-shell .wb-children{border-color:var(--ui-line)!important}
body.workbench-shell #wbSidebar .wb-nav-item{background:transparent!important;color:#536378!important}
body.workbench-shell #wbSidebar .wb-nav-item:hover{background:#E9EEF6!important;color:#334155!important}
body.workbench-shell #wbSidebar .wb-nav-item.active{background:#E4EDFA!important;color:#285BA4!important;border-color:#D1DEF1!important}
body.workbench-shell #wbCollapse{color:var(--ui-muted)!important}
body.workbench-shell #wbNav{scrollbar-color:#C8D2E0 transparent}
body.workbench-shell #wbTopbar{background:#F5F7FAF5!important;border-color:var(--ui-line)!important}
body.workbench-shell #wbNotice{background:var(--ui-bg)!important;color:var(--ui-muted)!important}
body.workbench-shell :is(.wb-avatar,.wb-metric){background:#EEF3FB!important;color:#355D96!important;border-color:#D5E0F0!important}
body.workbench-shell :is(.wb-more>summary,.wb-more>div,.wb-row-more>summary,.wb-row-more>div,.wb-user-popup){background:#F8FAFD!important;color:var(--ui-text)!important;border-color:var(--ui-line)!important}
body.workbench-shell :is(.order5,#wbDetailAnchors),body.workbench-shell.wb-pilot #detailPage :is(.item,.order-parameters5){background:var(--ui-surface)!important;color:var(--ui-text)!important}
body.workbench-shell .order5:hover{background:#F0F5FC!important}
body.workbench-shell.wb-pilot #detailPage td.order-changed5{background:#E6EFFC!important;color:#285BA4!important}
body.workbench-shell #wbNotice.wb-error{background:#FBECEE!important;color:#A23E49!important}
body.workbench-login{background:#EEF2F7!important;color:#334155!important;color-scheme:light}
body.workbench-login :is(.shell,.form,.login-card,.card,.form-panel,.right,.panel,.login-panel){background:#FAFBFD!important;color:#334155!important;border-color:#DCE3ED!important;box-shadow:0 16px 60px #33415512}
body.workbench-login :is(.welcome,.brand,.brand-panel,.left){background:#E5EDF8!important;color:#334155!important;border-color:#D4DFEE!important}
body.workbench-login :is(h1,h2,h3,label){color:#334155!important}
body.workbench-login :is(p,small,.eyebrow){color:#526984!important}
body.workbench-login :is(input,select){background:#F3F6FB!important;color:#334155!important;border-color:#CBD5E1!important}
body.workbench-login button{background:#2F64BD!important;border-color:#2F64BD!important;color:#fff!important}
body.workbench-login #error{color:#AE4750!important}
}
/* Machine card thumbnails preserve the supplied card artwork. */
.machine-identity5{display:flex;flex-wrap:wrap;gap:12px;align-items:start;margin:10px 0;min-width:0}
.machine-identity5 figure{margin:0;max-width:210px;min-width:0}
.machine-identity5 img{display:block;width:180px;max-width:100%;height:auto;object-fit:contain;border:1px solid #DCE3ED;border-radius:8px;background:#fff}
.machine-identity5 figcaption{font-size:12px;color:#526176;line-height:1.5;margin-top:5px;overflow-wrap:anywhere}
.machine-library5{border-top:1px solid #DCE3ED;padding-top:12px}
.machine-library5 img{width:152px}.machine-library5 figure{max-width:100%}
.machine-card-missing5{font-size:12px!important;color:#9A5B24!important;margin:0}
#readerContent5 .reader-block5:has(img[alt*="加工机台"]) img{max-height:150px;width:auto;object-fit:contain}
@media print{.machine-identity5.noprint{display:none!important}}

/* Compact product library: product and machine images share one visual row. */
@media screen {
body.workbench-shell.wb-pilot #library #productGrid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;align-items:start}
body.workbench-shell #productGrid .productCard{aspect-ratio:1 / 1;min-height:354px;display:flex;flex-direction:column;overflow:visible}
body.workbench-shell #productGrid .product-media5{display:flex;gap:10px;align-items:center;position:relative;padding:12px 12px 6px;min-height:146px;background:#F0F3F8;border-radius:12px 12px 0 0;border-bottom:1px solid #DCE3ED}
body.workbench-shell #productGrid .product-media5>img,body.workbench-shell #productGrid .product-media5>.noImage{width:calc(100% - 116px);flex:1;min-width:0;height:128px!important;object-fit:contain;background:transparent!important;border:0;margin:0}
body.workbench-shell #productGrid .product-media5 .noImage{display:grid;place-items:center;font-size:12px}
body.workbench-shell #productGrid .machine-library5{width:106px;flex:0 0 106px;display:flex;flex-direction:column;gap:5px;margin:0;padding:0;border:0}
body.workbench-shell #productGrid .machine-library5 figure{width:106px;max-width:100%;margin:0}
body.workbench-shell #productGrid .machine-library5 img{width:106px;max-height:76px;object-fit:contain;border-radius:5px}
body.workbench-shell #productGrid .machine-library5 figcaption{display:none}
body.workbench-shell #productGrid .machine-library5 .machine-card-missing5{font-size:11px!important;line-height:1.4}
body.workbench-shell #productGrid .product-media5>label{position:absolute;top:7px;left:7px;display:flex;gap:4px;align-items:center;background:#F8FAFDEB;padding:2px 6px;border:1px solid #DCE3ED;border-radius:5px;font-size:11px;margin:0}
body.workbench-shell #productGrid .productInfo{padding:12px 14px!important;flex:1;min-width:0}
body.workbench-shell #productGrid .productInfo>b{font-size:16px;line-height:1.5;display:block}
body.workbench-shell #productGrid .productInfo>p{font-size:12px;margin:6px 0;line-height:1.6}
body.workbench-shell #productGrid .productInfo>.scheme5{padding:5px 7px;margin:7px 0;max-height:48px}
body.workbench-shell #productGrid .productInfo>button{font-size:13px!important;min-height:32px;padding:5px 9px;margin:2px 0}
body.workbench-shell #productGrid .product-more5{margin-top:6px;border-top:1px solid #E2E8F0;padding-top:5px;font-size:12px}
body.workbench-shell #productGrid .product-more5>summary{cursor:pointer;color:#526984;padding:3px 0}
body.workbench-shell #productGrid .product-more5 .toolbar5{margin:8px 0 0;gap:6px}
body.workbench-shell #productGrid .product-more5 .smalltext{max-height:none;-webkit-line-clamp:unset}
@media(max-width:760px){body.workbench-shell.wb-pilot #library #productGrid{grid-template-columns:1fr}body.workbench-shell #productGrid .productCard{aspect-ratio:auto;min-height:0}}
}
/* Fixed color for the actual tool-magazine pocket, independent of step number. */
@media screen {
body.workbench-shell .five-pocket-label5{display:inline-block;background:#E6EFFC;color:#245394;border:1px solid #C5D8F2;border-radius:6px;padding:3px 9px;margin-bottom:8px;font-size:15px}
body.workbench-shell .five-tool-notice5{background:#FFF4E4;color:#865222;border:1px solid #EBD5B5;border-radius:8px;padding:10px 14px;font-size:13px}
body.workbench-shell td.five-pocket-cell5{background:#EDF4FF!important;color:#245394!important;font-weight:600}
body.workbench-shell td.five-pocket-cell5 input{border-color:#A9C5E9!important;color:#245394!important;font-weight:600}
body.workbench-shell #tools [data-five-order-cell5]{min-width:96px}
body.workbench-shell #tools [data-key="number"]{min-width:80px}
body.workbench-shell .five-program-link5{margin:0 0 8px;color:#526984!important;font-size:12px!important}
}

@media screen {
.five-tool-scroll5{overflow-x:auto;max-width:100%;margin:12px 0}
body.workbench-shell table.five-tool-table5{table-layout:fixed;width:100%;min-width:1000px}
body.workbench-shell .five-tool-table5 :is(td,th):nth-child(1){width:9%!important}
body.workbench-shell .five-tool-table5 :is(td,th):nth-child(2){width:10%!important}
body.workbench-shell .five-tool-table5 :is(td,th):nth-child(3){width:23%!important}
body.workbench-shell .five-tool-table5 :is(td,th):nth-child(4){width:12%!important}
body.workbench-shell .five-tool-table5 :is(td,th):nth-child(5){width:12%!important}
body.workbench-shell .five-tool-table5 :is(td,th):nth-child(6){width:34%!important}
body.workbench-shell .five-tool-table5 :is(input,select){min-width:0!important;width:100%}
body.workbench-shell .five-tool-table5 .program-upload-entry5{max-width:100%;white-space:normal}
}

@media screen{
.holder-choice5{display:block;margin-top:10px;font-size:12px}
.holder-choice5 select{margin-top:5px;font-size:13px!important}
.holder-choice5 small{display:block;font-weight:400;font-size:11px;color:#64748B;line-height:1.5;margin-top:5px}
.draft-bar5{padding:12px 16px;margin-bottom:16px;border:1px solid #D4E2F2;border-radius:8px;background:#EDF4FC;color:#3C5D85;font-size:13px;line-height:1.7}
#draftRestore5{padding-top:10px;margin-top:8px;border-top:1px solid #CBD9EB;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#draftRestore5[hidden]{display:none!important}
#formalSaveToast5{position:fixed;right:24px;top:110px;z-index:90;max-width:min(540px,calc(100vw - 32px));padding:17px 22px;border:1px solid;border-radius:10px;box-shadow:0 8px 28px #33415524;font-size:15px;font-weight:600;line-height:1.7;overflow-wrap:anywhere}
#formalSaveToast5.save-ok5{background:#E5F4EC;color:#176345;border-color:#AED5BE}
#formalSaveToast5.save-error5{background:#FDEEEF;color:#9E3544;border-color:#E9BAC2}
}
@media print{#draftBar5,#formalSaveToast5{display:none!important}}
@media screen{body.workbench-shell .copy-program-name5{display:inline-block;margin:5px 5px 5px 0;padding:4px 10px!important;font-size:12px!important;min-height:28px;white-space:nowrap;vertical-align:middle;color:#285BA4!important;background:#EAF1FC!important;border-color:#CADAF0!important}body.workbench-shell .copy-program-name5:hover{background:#DDEAFB!important}}
@media print{.copy-program-name5{display:none!important}}

@media screen{body.workbench-shell .reader-block5{padding:12px 0!important;border:0!important;border-bottom:1px solid #DCE3ED!important;border-radius:0!important;margin:0!important}body.workbench-shell .reader-block5 h3{font-size:16px!important;margin:0 0 8px!important;color:#234A68!important}body.workbench-shell .reader-text5{font-size:14px!important;line-height:1.45!important}body.workbench-shell .reader-table5 table{table-layout:fixed;font-size:14px!important}body.workbench-shell .reader-table5 :is(td,th){width:auto!important;padding:7px 8px!important;line-height:1.35!important;overflow-wrap:anywhere}body.workbench-shell .reader-images5{gap:16px}body.workbench-shell .reader-images5 img{max-height:190px!important;object-fit:contain}body.workbench-shell .reader-images5 figure{padding:8px!important;margin:0!important}body.workbench-shell .reader-block5.warning{background:transparent!important;color:#253544!important}body.workbench-shell .reader-block5.warning h3{color:#8A451E!important}}

/* Keep the layout mode beside preview generation, including narrow screens. */
#exportPanel nav{align-items:center}
#exportPanel nav .manual-layout-control5{display:flex;flex-direction:row;align-items:center;gap:8px;flex:0 1 auto;margin:0;font-size:14px;white-space:nowrap}
#exportPanel nav .manual-layout-control5 select{width:230px;max-width:100%;min-height:42px;margin:0;font-size:14px}
@media(max-width:600px){#exportPanel nav .manual-layout-control5{flex-basis:100%}#exportPanel nav .manual-layout-control5 select{flex:1;width:auto}}
