:root{--primary:#079b88;--primary-hover:#078b7b;--primary-soft:#e8f7f4;--page:#f5f7f8;--text:#344047}
body{background:var(--page);color:var(--text);font-size:13px}.sidebar{width:220px;background:linear-gradient(180deg,#172b35,#10232d);border-right:1px solid #19333e}.brand{height:58px;padding:0 22px;gap:10px;border-bottom:1px solid #29404a}.brand b{display:flex;align-items:center;justify-content:center;width:27px;height:27px;background:var(--primary);border-radius:3px;color:#fff;font-size:17px}.brand span{font-size:16px;font-weight:700}nav{padding-top:6px}nav a{height:45px;padding:0 18px;gap:12px;border-left:3px solid transparent}.subnav a{height:41px;padding-left:53px}.subnav a:before{display:none}.subnav a.active{background:linear-gradient(90deg,#087e72,#096d66);border-left-color:#33d2ba}.main{margin-left:220px;width:calc(100% - 220px)}.topbar{height:58px;padding:0 18px}.topbar strong{color:#303a40}.topbar time{margin-left:auto}.page{padding:0 16px 22px}.page-head{height:86px}.page-head h1{font-size:21px;margin-bottom:6px}.page-head p{font-size:12px}.btn{height:36px;border-radius:3px;font-size:13px}.btn.primary{background:var(--primary);border-color:var(--primary);box-shadow:none}.btn.primary:hover{background:var(--primary-hover);color:#fff}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.stats>div{height:78px;background:#fff;border:1px solid #e7ebed;display:flex;align-items:center;padding:0 18px;box-shadow:0 1px 3px #334a5408}.stats i{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:20px;margin-right:12px}.stats .cyan{color:#079b88;background:#e9f8f5}.stats .purple{color:#7954b8;background:#f3effb}.stats .orange{color:#e7942f;background:#fff4e6}.stats span{font-weight:600}.stats small{display:block;color:#9aa3a8;font-weight:400;margin-top:5px}.stats b{margin-left:auto;font-size:24px;color:#344047}.module-tabs{height:48px;background:#fff;border:1px solid #e7ebed;border-bottom:0;display:flex;align-items:flex-end;padding:0 14px}.module-tabs button{height:47px;padding:0 24px;border:0;background:none;color:#606c72;font-weight:600;cursor:pointer;border-bottom:3px solid transparent}.module-tabs button.active{color:var(--primary);border-color:var(--primary)}.rule-tip{margin-left:auto;align-self:center;color:#8a969b}.view{display:none}.view.active{display:block}.filter-card,.table-card{border-color:#e8ecee;box-shadow:0 1px 3px #334a5408;border-radius:2px}.filter-card{height:64px;margin-bottom:10px;gap:14px;padding:0 14px;border-top:0}.filter-card select,.search input{height:34px;border-color:#dfe4e6}.filter-card label:not(.search){display:flex;align-items:center}.table-tools{height:45px}.table-tools b{font-size:14px}.table-tools span{margin-left:14px;color:#939da2;font-size:12px}.table-tools:after{content:"↻ 刷新";margin-left:auto;color:var(--primary)}th{height:42px;background:#f4f6f7;color:#4b575d;border:1px solid #e8ecee;padding:0 10px}td{height:48px;border:1px solid #edf0f1;padding:0 10px}td:nth-child(3){max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}tbody tr:hover{background:#f5fbfa}.tag.enabled{color:#078b7b;background:#edf9f6;border-color:#bde5dd}.tag.enabled:before{content:"•";margin-right:4px;color:#42bc57}.tag.disabled{color:#8b949c;background:#f6f7f7;border-color:#d8dddf}.category-tags{display:flex;gap:5px;flex-wrap:wrap}.category-tag{display:inline-flex;padding:3px 7px;border-radius:3px;font-size:12px;color:#2563a8;background:#eef6ff;border:1px solid #c5dcf1}.category-tag.c1{color:#7b4bb7;background:#f7f0ff;border-color:#dac7ef}.category-tag.c2{color:#a35d17;background:#fff5e9;border-color:#eed1ad}.category-tag.c3{color:#078b7b;background:#edf9f6;border-color:#bde5dd}.count-link{color:var(--primary);cursor:pointer}.action{color:var(--primary)}.action.delete{color:#e45a5a}.action:disabled{color:#b7bec2;cursor:not-allowed}.empty{height:160px!important;text-align:center;color:#9aa2a9}.pagination{height:52px}.drawer{width:480px}.drawer-head{height:70px;align-items:flex-start;padding-top:13px}.drawer-head h2{font-size:18px;margin:0 0 5px}.drawer-head p{margin:0;color:#929ca1;font-size:12px}.drawer-body{padding-top:20px}.field{margin-bottom:20px}.field input{height:40px}.multi-select{display:grid;grid-template-columns:1fr 1fr;gap:9px}.check-card{height:52px;border:1px solid #dfe4e6;border-radius:4px;display:flex;align-items:center;padding:0 10px;cursor:pointer;position:relative}.check-card:hover,.check-card.selected{border-color:var(--primary);background:#f1faf8}.check-card input{width:auto;height:auto;margin-right:7px;accent-color:var(--primary)}.check-card span{font-weight:600}.check-card small{position:absolute;right:9px;margin:0;color:#a0a8ac}.field input:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #079b8814}.radios input{accent-color:var(--primary)}.info{background:#edf8f6;color:#4e716b}.drawer-foot{height:64px}.toast{background:#2c443f}@media(max-width:1050px){.sidebar{width:180px}.main{margin-left:180px;width:calc(100% - 180px)}.stats{grid-template-columns:1fr}.stats>div{height:65px}.rule-tip{display:none}}
/* Stable category colors: keyed by category code, never by row position. */
.stats{grid-template-columns:repeat(3,1fr)}
.stats .blue{color:#3476b9;background:#edf5fd}
.category-tag{color:#59636b;background:#f2f4f5;border:1px solid #d5dade}
.category-tag.cat-raw{color:#2563a8;background:#eef6ff;border-color:#c5dcf1}
.category-tag.cat-aux{color:#078b7b;background:#edf9f6;border-color:#bde5dd}
.category-tag.cat-fin{color:#a35d17;background:#fff5e9;border-color:#eed1ad}
.category-tag.cat-semi{color:#7b4bb7;background:#f7f0ff;border-color:#dac7ef}
.category-tag.cat-pkg{color:#b44f70;background:#fff0f5;border-color:#efc7d5}
.category-tag.cat-tool{color:#59636b;background:#f2f4f5;border-color:#d5dade}
@media(max-width:1200px){.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.stats{grid-template-columns:1fr}}

/* Supplier types belong to Supplier Management, not the material tabs. */
.supplier-stats{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px;margin-bottom:12px}
.supplier-stats>div{height:78px;background:#fff;border:1px solid #e7ebed;display:flex;align-items:center;padding:0 18px;box-shadow:0 1px 3px #334a5408}
.supplier-stats i{width:42px;height:42px;border-radius:8px;display:grid;place-items:center;font-style:normal;font-size:20px;margin-right:12px;color:#3476b9;background:#edf5fd}
.supplier-stats span{font-weight:600}.supplier-stats small{display:block;color:#9aa3a8;font-weight:400;margin-top:5px}.supplier-stats b{margin-left:auto;font-size:24px;color:#344047}
.supplier-mode .stats{display:none}
.archive-mode .stats{display:none}
.supplier-mode .supplier-page{display:block}
@media(max-width:1050px){.supplier-stats{grid-template-columns:1fr}}

/* Material archive: complete list page, intentionally without summary cards or edit drawer. */
.material-archive-page .filter-card{border-top:1px solid #e8ecee}
.material-filter{height:auto;min-height:66px;display:flex;flex-wrap:wrap;padding:13px 14px;gap:12px}
.material-filter .search{width:280px}.material-filter select{width:132px}.material-filter label{height:34px}
.advanced-toggle{margin-left:auto}.advanced-filters{display:none;flex-basis:100%;padding-top:12px;border-top:1px dashed #e1e6e8;gap:12px;flex-wrap:wrap}.advanced-filters.show{display:flex}
.material-archive-page .table-tools>div{display:flex;align-items:center}.material-archive-page .table-tools em{font-style:normal;color:var(--primary);font-weight:600}.material-archive-page .table-tools:after{display:none}.table-tool-actions{margin-left:auto}.scope-tip{color:#89959a!important}.selection-bar{display:none;height:46px;background:#eaf7f5;border:1px solid #bde1db;margin-bottom:10px;padding:0 14px;align-items:center;gap:10px}.selection-bar.show{display:flex}.selection-bar span{margin-right:10px}.danger-text{color:#dc4f4f!important}
.material-scroll{max-height:calc(100vh - 335px);min-height:320px}.material-table{min-width:2920px}.material-table th,.material-table td{white-space:nowrap}.material-table th:first-child,.material-table td:first-child{width:42px;text-align:center}.material-table input[type=checkbox]{accent-color:var(--primary)}
.material-code{color:#087fba;font-weight:600;cursor:pointer;white-space:nowrap}.material-code:hover{text-decoration:underline}.material-table td:nth-child(4){max-width:220px;color:#344047;overflow:hidden;text-overflow:ellipsis}.material-table td:nth-child(7){max-width:210px;overflow:hidden;text-overflow:ellipsis}.material-table td:last-child{white-space:nowrap}
.material-thumb{width:38px;height:38px;border-radius:5px;display:inline-grid;place-items:center;background:linear-gradient(145deg,#eef7f6,#dbece9);border:1px solid #cfe1de;color:#277d72;font-size:19px}.thumb-panel,.thumb-remote{background:#eef3fb;color:#496fa8}.thumb-light{background:#fff8df;color:#d6a528}.thumb-label{background:#fff1f4;color:#b65b73}.thumb-raw{background:#f5effc;color:#805aaa}
.batch-tag{font-size:12px}.batch-tag.on{color:#078b7b}.batch-tag.off{color:#8c969b}.stock-number{color:#344c55}.stock-tag{display:inline-flex;padding:3px 8px;border-radius:10px;font-size:12px;border:1px solid}.stock-tag.normal{color:#168250;background:#effaf4;border-color:#b9e4cc}.stock-tag.low{color:#b56b11;background:#fff7e8;border-color:#efd2a5}.stock-tag.out{color:#cf4343;background:#fff0f0;border-color:#efbcbc}.stock-tag.unset{color:#7d878d;background:#f5f6f6;border-color:#d5dbde}
.tag.draft{color:#68747a;background:#f3f5f6;border-color:#d5dbde}.tag.reviewing{color:#ad690d;background:#fff7e8;border-color:#efcf9e}.tag.sampling{color:#286ca7;background:#eef6ff;border-color:#bcd5ec}.tag.discontinued{color:#747e84;background:#f3f5f5;border-color:#cdd4d7}.tag.voided{color:#ca4242;background:#fff0f0;border-color:#efbbbb}
.material-column-panel{right:125px;top:128px}.material-column-panel label{display:block}.material-column-panel input{accent-color:var(--primary)}.page-jump{width:42px;height:34px;border:1px solid #dce1e5;text-align:center;border-radius:3px}
.sticky-select{position:sticky;left:0;z-index:3;background:inherit}.sticky-code{position:sticky;left:42px;z-index:3;background:inherit}.sticky-name{position:sticky;left:195px;z-index:3;background:inherit}.sticky-action{position:sticky;right:0;z-index:3;background:inherit;box-shadow:-3px 0 5px #20343d0c}.material-table thead .sticky-select,.material-table thead .sticky-code,.material-table thead .sticky-name,.material-table thead .sticky-action{z-index:5;background:#f4f6f7}.material-table .sticky-code{min-width:153px}.material-table .sticky-name{min-width:215px}
@media(max-width:1200px){.material-filter .search{width:240px}.material-filter select{width:125px}.material-scroll{max-height:calc(100vh - 390px)}}

/* Material category hierarchy */
.category-hierarchy{display:grid;grid-template-columns:282px minmax(0,1fr);gap:12px;align-items:start}.group-tree-card{background:#fff;border:1px solid #e5eaec;min-height:520px;position:sticky;top:70px}.group-tree-head{height:60px;border-bottom:1px solid #e8ecee;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.group-tree-head b,.group-tree-head span{display:block}.group-tree-head span{font-size:11px;color:#919ca1;margin-top:4px}.group-tree-head>button{width:30px;height:30px;border:1px solid #bad9d3;background:#edf8f6;color:#078b7b;font-size:18px;cursor:pointer}.group-all,.group-main{width:100%;border:0;background:#fff;display:flex;align-items:center;text-align:left;cursor:pointer}.group-all{height:58px;padding:0 13px;border-bottom:1px solid #edf0f1}.group-all:hover,.group-all.active,.group-node.active>.group-main{background:#edf8f6;color:#087f72}.group-all>i,.group-main>i{width:29px;height:29px;border-radius:3px;background:#eef2f3;display:grid;place-items:center;font-style:normal;margin-right:9px;flex:0 0 auto}.group-all span,.group-main span{min-width:0}.group-all b,.group-all small,.group-main b,.group-main small{display:block}.group-all small,.group-main small{font-size:10px;color:#909ba0;margin-top:4px}.group-all em,.group-main em{font-style:normal;margin-left:auto;color:#7f8b90;font-size:11px}.tree-level-label{height:30px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;background:#f6f8f8;color:#929ca1;font-size:10px;border-bottom:1px solid #e7ebed}.tree-level-label em{font-style:normal}.group-node{position:relative;border-bottom:1px solid #e3e8e9}.group-main{height:58px;padding:0 76px 0 13px}.group-node-actions{position:absolute;right:7px;top:7px;display:none;background:#fff;border:1px solid #dce4e3;box-shadow:0 2px 6px #203b360d;z-index:2}.group-node:hover .group-node-actions{display:flex}.group-node-actions button{width:23px;height:23px;border:0;background:transparent;color:#78858b;cursor:pointer;padding:0}.group-node-actions button:hover{color:#079b88;background:#e8f5f2}.group-children{padding:2px 8px 9px 28px;background:#fafcfc}.group-children button{width:100%;min-height:41px;border:0;background:transparent;display:flex;align-items:center;color:#657278;cursor:pointer;text-align:left;padding:4px 6px 4px 0;position:relative}.group-children button:hover,.group-children button.active{color:#087f72;background:#eaf7f4}.group-children button.active{box-shadow:inset 3px 0 #079b88;font-weight:600}.group-children button em{font-style:normal;margin-left:auto;font-size:10px;color:#879398;padding-right:4px}.group-children>small{display:block;color:#9aa4a8;padding:9px 12px 9px 24px}.tree-line{width:27px;height:32px;position:relative;flex:0 0 27px}.tree-line:before{content:'';position:absolute;left:10px;top:-9px;bottom:15px;border-left:1px solid #cbd7d4}.tree-line:after{content:'';position:absolute;left:10px;top:16px;width:11px;border-top:1px solid #cbd7d4}.tree-line i{position:absolute;left:19px;top:13px;width:6px;height:6px;border-radius:50%;background:#a8b8b4}.group-children button.active .tree-line i{background:#079b88}.tree-category-name{min-width:0;line-height:1.2}.tree-category-name small{display:block;color:#9aa4a8;font-size:9px;margin-top:3px;font-weight:400}.group-tree-foot{padding:12px 13px;color:#7f8b90;font-size:10px;background:#f8faf9;display:flex;flex-direction:column;gap:5px;border-top:1px solid #e6ebea}.group-tree-foot b{color:#58666c;margin-bottom:2px}.category-pane{min-width:0}.category-pane .filter-card{border-top:1px solid #e8ecee}.category-pane .table-card table{min-width:1320px}.category-pane .table-tools>div{display:flex;align-items:center}.group-path{display:inline-flex;padding:3px 7px;background:#eef7f5;border:1px solid #c5e0da;color:#087f72;font-size:11px}.field select{width:100%;height:42px;border:1px solid #d9dfe4;border-radius:4px;padding:0 12px;background:#fff;outline:none}.field select:focus{border-color:#079b88}.field select:disabled{background:#f2f4f5;color:#949ba1}.group-form{display:flex;flex-direction:column;gap:17px}.group-form .control{margin:0}.group-form textarea{width:100%;height:78px;border:1px solid #d8dfe2;padding:10px;resize:none;font-family:inherit}.group-form .error{min-height:16px}
@media(max-width:1100px){.category-hierarchy{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:820px){.category-hierarchy{grid-template-columns:1fr}.group-tree-card{position:static;min-height:auto}.group-tree{max-height:360px;overflow:auto}.group-node-actions,.group-node:hover .group-node-actions{display:flex}}

/* Material creation workspace */
.create-mode .page{padding-bottom:88px}.create-mode .page-head{height:78px}.material-create-page{width:100%;max-width:none;margin:0}.create-overview{height:50px;background:#fff;border:1px solid #e4e9eb;display:flex;align-items:center;justify-content:space-between;padding:0 18px;margin-bottom:12px}.create-status,.completion{display:flex;align-items:center;gap:9px}.create-status>span:last-child{color:#8c979c;margin-left:7px}.status-dot{width:8px;height:8px;border-radius:50%;background:#e3a23b}.completion>span{color:#7b878c}.completion>div{width:150px;height:6px;background:#e9edef;border-radius:4px;overflow:hidden}.completion i{display:block;width:0;height:100%;background:#079b88;transition:.25s}.completion b{color:#087f72;min-width:36px}.create-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px;align-items:start}.form-nav{position:sticky;top:70px;background:#fff;border:1px solid #e5eaec;padding:12px 0}.form-nav>b{display:block;padding:5px 16px 11px;color:#37444a}.form-nav button{width:100%;height:43px;border:0;background:#fff;display:flex;align-items:center;gap:9px;padding:0 13px;color:#647076;cursor:pointer;text-align:left;border-left:3px solid transparent}.form-nav button:hover{background:#f5faf9}.form-nav button.active{color:#087f72;background:#edf8f6;border-left-color:#079b88;font-weight:600}.form-nav button i{font-style:normal;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#edf0f1;color:#7b858a;font-size:11px}.form-nav button.active i{background:#079b88;color:#fff}.form-nav button span{margin-left:auto;font-size:11px;color:#b16c17}.form-nav button.nav-hidden{display:none}#materialCreateForm{display:flex;flex-direction:column;gap:12px}.form-section{scroll-margin-top:72px;background:#fff;border:1px solid #e3e8ea;padding:0 20px 22px}.form-section.hidden{display:none}.section-title{height:62px;border-bottom:1px solid #edf0f1;margin-bottom:19px;display:flex;align-items:center;justify-content:space-between}.section-title>div{display:flex;align-items:center;gap:9px}.section-title>div>span{font-size:11px;color:#079b88;background:#e9f7f4;padding:4px 5px;border-radius:2px}.section-title h2{margin:0;font-size:16px;color:#303d43;letter-spacing:0}.section-title em{font-style:normal;font-size:11px;color:#b86f14;background:#fff6e8;padding:3px 7px}.section-title p{margin:0;color:#8c979c;font-size:12px}.form-grid{display:grid;gap:17px 18px}.form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.control{display:block;min-width:0}.control>span{display:block;font-weight:600;color:#455158;margin-bottom:8px}.control em,.image-field em{font-style:normal;color:#e44f4f}.control input,.control select{width:100%;height:38px;border:1px solid #d8dfe2;border-radius:3px;background:#fff;padding:0 11px;color:#39464c;outline:none}.control input:focus,.control select:focus{border-color:#079b88;box-shadow:0 0 0 2px #079b8814}.control input[readonly],.input-affix input[readonly]{background:#f5f7f7;color:#7e898e}.control small{display:block;color:#98a2a7;font-size:11px;margin-top:6px}.control.invalid input,.control.invalid select{border-color:#df5656;background:#fffafa}.control.invalid>span:after{content:' 请完善';float:right;color:#df5656;font-size:11px;font-weight:400}.span-2{grid-column:span 2}.input-affix{position:relative}.input-affix input{padding-right:52px}.input-affix b{position:absolute;right:9px;top:9px;color:#078778;font-size:11px;background:#e6f5f2;padding:2px 5px}.unit-panel{margin:20px 0 17px;border:1px solid #dce6e4;background:#fbfdfd;padding:16px}.unit-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.unit-panel-head>div{display:flex;align-items:center;gap:12px}.unit-panel-head span{color:#8d989d;font-size:12px}.conversion-row{height:44px;margin-top:13px;border-top:1px dashed #dfe5e6;display:flex;align-items:flex-end;gap:12px}.conversion-row>span{color:#657176}.conversion-row b{color:#7c888d}.conversion-row .btn{margin-left:auto;height:30px}.conversion-row.required b{color:#d17d18}.conversion-row.done b{color:#16845f}.compact-grid{padding-top:3px}.image-field{margin-top:19px;padding-top:17px;border-top:1px dashed #e0e5e7;display:flex;align-items:center;gap:20px}.image-field>div{width:270px}.image-field>div b,.image-field>div span{display:block}.image-field>div span{color:#8d989d;font-size:11px;margin-top:7px;line-height:1.5}.image-upload{width:225px;height:82px;background:#fbfdfd;border:1px dashed #aabfbb;border-radius:3px;display:grid;grid-template-columns:48px 1fr;grid-template-rows:1fr 1fr;align-items:center;text-align:left;padding:10px 14px;cursor:pointer;color:#46535a}.image-upload>span{grid-row:1/3;width:46px;height:46px;background:#edf5f3;color:#078b7b;display:grid;place-items:center;font-size:20px;overflow:hidden;margin-right:10px}.image-upload img{width:100%;height:100%;object-fit:cover}.image-upload b{align-self:end}.image-upload small{align-self:start;color:#9aa4a8;font-size:10px}.ability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ability-grid label{height:78px;border:1px solid #dfe5e7;display:grid;grid-template-columns:38px 1fr;grid-template-rows:1fr 1fr;padding:13px;cursor:pointer;position:relative}.ability-grid label:hover,.ability-grid label.selected{border-color:#079b88;background:#f2faf8;box-shadow:inset 3px 0 #079b88}.ability-grid input{position:absolute;right:12px;top:12px;accent-color:#079b88}.ability-grid i{grid-row:1/3;width:31px;height:31px;border-radius:4px;background:#edf2f3;color:#637178;display:grid;place-items:center;font-style:normal;font-weight:700}.ability-grid label.selected i{background:#079b88;color:#fff}.ability-grid b{font-size:13px}.ability-grid span{font-size:11px;color:#8f999e}.inline-note{margin-top:15px;background:#edf8f6;color:#51746e;padding:11px 13px;display:flex;gap:12px;font-size:12px}.inline-note.muted{background:#f4f6f7;color:#66747a}.package-conversion,.input-combo{display:flex;align-items:center;gap:7px}.package-conversion input{width:75px}.package-conversion select{width:90px}.input-combo input{flex:1}.input-combo select{width:80px}.switch-row{margin-top:16px;border-top:1px dashed #e0e5e7;padding-top:15px;display:flex;justify-content:space-between;align-items:center}.switch-row span b,.switch-row span small{display:block}.switch-row span small{color:#929da2;margin-top:5px}.switch-row>input,.switch-pair input{display:none}.switch-row>i,.switch-pair i{display:inline-block;width:36px;height:20px;background:#cbd3d6;border-radius:12px;position:relative;transition:.2s}.switch-row>i:after,.switch-pair i:after{content:'';position:absolute;left:3px;top:3px;width:14px;height:14px;background:#fff;border-radius:50%;transition:.2s}.switch-row>input:checked+i,.switch-pair input:checked+i{background:#079b88}.switch-row>input:checked+i:after,.switch-pair input:checked+i:after{left:19px}.switch-pair{height:38px;display:flex;align-items:center;gap:18px}.switch-pair label{display:flex;align-items:center;gap:7px;cursor:pointer}.switch-pair i{width:32px;height:18px}.switch-pair i:after{width:12px;height:12px}.switch-pair input:checked+i:after{left:17px}.expiry-fields{margin-top:17px;padding:15px;background:#f8fafb;border:1px solid #e8eced}.scope-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px}.scope-selector label{height:70px;border:1px solid #dfe5e7;padding:14px 15px 12px 43px;position:relative;cursor:pointer}.scope-selector label.selected{border-color:#079b88;background:#f2faf8}.scope-selector input{position:absolute;left:15px;top:17px;accent-color:#079b88}.scope-selector b,.scope-selector span{display:block}.scope-selector span{font-size:11px;color:#89959a;margin-top:7px}.customer-list{margin-top:18px}.subsection-head{height:42px;display:flex;align-items:flex-start;justify-content:space-between}.subsection-head>div b,.subsection-head>div span{display:block}.subsection-head>div span{color:#919ba0;font-size:11px;margin-top:5px}.customer-list table,.attachment-table table{min-width:800px;border:1px solid #e6eaec}.customer-list td,.attachment-table td{height:48px}.customer-list td:first-child b,.customer-list td:first-child small{display:block}.customer-list td:first-child small{color:#98a2a7;margin-top:4px}.customer-list td input,.inline-table-input{height:30px;border:1px solid #dce2e4;padding:0 8px;max-width:180px}.empty-customer td{text-align:center;color:#9aa4a8;height:76px}.table-radio input{accent-color:#079b88}.lifecycle-track{display:flex;align-items:center;margin:6px 0 22px;padding:0 25px}.lifecycle-track span{width:72px;height:30px;border-radius:16px;background:#edf1f2;display:grid;place-items:center;color:#748086}.lifecycle-track span.active{background:#079b88;color:#fff}.lifecycle-track i{height:2px;background:#dce2e4;flex:1}.attachment-table{overflow:auto}.create-footer{position:fixed;left:220px;right:0;bottom:0;height:66px;background:#fff;border-top:1px solid #dce2e4;box-shadow:0 -5px 15px #20343d0b;z-index:9;display:flex;align-items:center;justify-content:space-between;padding:0 25px}.create-footer>div{display:flex;gap:10px;align-items:center}.create-footer span{color:#8d989d;font-size:12px;margin-left:8px}.select-modal{width:620px;background:#fff;border-radius:5px;box-shadow:0 16px 45px #0003}.select-modal-head{height:70px;border-bottom:1px solid #e5eaec;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.select-modal-head h3,.select-modal-head p{margin:0}.select-modal-head h3{font-size:17px}.select-modal-head p{color:#929da2;font-size:11px;margin-top:5px}.select-modal-body{padding:18px 20px}.modal-search{height:36px;border:1px solid #dce2e4;display:flex;align-items:center;padding:0 10px;margin-bottom:12px}.modal-search input{border:0;outline:0;width:100%;padding-left:8px}.customer-options{border:1px solid #e4e9eb;max-height:300px;overflow:auto}.customer-options label{height:58px;border-bottom:1px solid #edf0f1;display:flex;align-items:center;padding:0 14px;gap:10px;cursor:pointer}.customer-options label:last-child{border-bottom:0}.customer-options input{accent-color:#079b88}.customer-options span b,.customer-options span small{display:block}.customer-options span small{color:#95a0a5;margin-top:4px}.customer-options em{margin-left:auto;font-style:normal;color:#8b969b}.select-modal-foot{height:62px;border-top:1px solid #e5eaec;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 20px}.compact-modal{width:540px}.conversion-editor{height:75px;background:#f6f9f9;display:flex;align-items:center;justify-content:center;gap:12px}.conversion-editor input{width:100px;height:38px;border:1px solid #d8dfe2;text-align:center}.conversion-editor span{font-size:20px;color:#7d898e}.ability-grid label.disabled-ability{opacity:.48;background:#f5f6f6;cursor:not-allowed;box-shadow:none;border-color:#dfe5e7}.attachment-create-modal{width:680px}.attachment-modal-form{display:flex;flex-direction:column;gap:17px}.attachment-modal-form .control{margin:0}.attachment-modal-form textarea{width:100%;height:78px;border:1px solid #d8dfe2;border-radius:3px;padding:10px 11px;resize:none;outline:none;font-family:inherit}.attachment-modal-form textarea:focus{border-color:#079b88}.form-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.file-selector{width:100%;height:76px;border:1px dashed #a9bfbb;background:#f9fcfb;display:flex;align-items:center;gap:13px;padding:12px 14px;text-align:left;cursor:pointer}.file-selector:hover{border-color:#079b88;background:#f2faf8}.file-selector>i{width:42px;height:42px;border-radius:4px;background:#e5f4f1;color:#078b7b;display:grid;place-items:center;font-style:normal;font-size:18px}.file-selector>span b,.file-selector>span small{display:block}.file-selector>span b{color:#3e4b51}.file-selector>span small{color:#919ca1;margin-top:6px}.attachment-actions{display:flex;align-items:center;gap:8px}.attachment-actions select{height:36px;border:1px solid #d8dfe2;background:#fff;padding:0 9px}.external-version{display:flex;gap:5px}.external-version input{width:105px;height:30px;border:1px solid #dce2e4;padding:0 7px}
.module-gate{min-height:88px;border:1px dashed #cbd7d5;background:#f8fbfa;display:flex;align-items:center;gap:14px;padding:16px}.module-gate>i{width:38px;height:38px;border-radius:50%;background:#e8f2f0;color:#568078;display:grid;place-items:center;font-style:normal;font-size:17px}.module-gate b,.module-gate span{display:block}.module-gate span{color:#8b969b;font-size:12px;margin-top:7px}.form-section:not(.module-locked)>.module-gate{display:none}.form-section.module-locked>:not(.section-title):not(.module-gate){display:none}.rule-strip{display:flex;gap:8px;margin-top:16px}.rule-strip span{flex:1;background:#f5f7f7;border-left:3px solid #95aaa6;padding:9px 10px;color:#718087;font-size:11px}.lifecycle-track span.completed{background:#dff3ef;color:#087f72}.lifecycle-track i.completed{background:#079b88}.conversion-editor select{height:38px;border:1px solid #d8dfe2;background:#fff;padding:0 9px}.customer-list table{min-width:1120px}.master-picker{width:100%;height:38px;border:1px solid #d8dfe2;border-radius:3px;background:#fff;padding:0 10px;display:flex;align-items:center;justify-content:space-between;color:#7d888e;cursor:pointer}.master-picker:hover{border-color:#079b88}.master-picker b{font-weight:400}.master-picker i{font-style:normal;color:#079b88}.master-picker:disabled{background:#f3f5f6;color:#a4adb1;cursor:not-allowed}.control.invalid .master-picker{border-color:#df5656;background:#fffafa}.audit-placeholder{display:flex;align-items:center;justify-content:center;padding:14px 7% 20px}.audit-placeholder>div{width:130px;text-align:center}.audit-placeholder i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e9f7f4;color:#078b7b;font-style:normal;margin:0 auto 8px}.audit-placeholder b,.audit-placeholder span{display:block}.audit-placeholder span{font-size:11px;color:#929da2;margin-top:5px}.audit-placeholder>em{height:1px;background:#d8e2e0;flex:1;margin-top:-28px}.master-options{border:1px solid #e4e9eb;max-height:330px;overflow:auto}.master-options label{min-height:60px;border-bottom:1px solid #edf0f1;display:flex;align-items:center;padding:10px 14px;gap:10px;cursor:pointer}.master-options label:hover{background:#f4faf9}.master-options input{accent-color:#079b88}.master-options span b,.master-options span small{display:block}.master-options span small{color:#95a0a5;margin-top:5px}.empty-option{text-align:center;color:#9aa4a8;padding:35px}.duplicate-detail{border:1px solid #efd3aa;background:#fff9ef;padding:18px}.duplicate-detail span,.duplicate-detail b{display:block}.duplicate-detail b{font-size:16px;margin:8px 0}.duplicate-detail p{margin:0;color:#7c878c}.attachment-table table{min-width:1480px}.attachment-table td small{display:block;color:#929da2;margin-top:4px}.material-detail-page{max-width:1520px;margin:0 auto}.detail-head{background:#fff;border:1px solid #e3e8ea;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.detail-head>div:first-child>div{display:flex;align-items:center;gap:13px;margin-top:10px}.detail-head h2{margin:0 0 7px;font-size:19px}.detail-head p{margin:0;display:flex;align-items:center;gap:10px;color:#738087}.detail-head .material-thumb{width:52px;height:52px}.detail-actions{display:flex;gap:10px}.status-flow{height:82px;background:#fff;border:1px solid #e3e8ea;border-top:0;display:flex;align-items:center;justify-content:center;padding:0 16%}.status-flow div{text-align:center;color:#9aa3a8}.status-flow div i{width:28px;height:28px;border-radius:50%;background:#e7ebed;display:grid;place-items:center;font-style:normal;margin:0 auto 5px}.status-flow div b{font-size:11px}.status-flow span{height:2px;background:#e1e6e8;flex:1;margin:0 8px 18px}.status-flow div.done i{background:#079b88;color:#fff}.status-flow div.done b{color:#087f72}.status-flow div.current i{box-shadow:0 0 0 4px #dff3ef}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:12px;margin-top:12px}.detail-main{display:flex;flex-direction:column;gap:12px}.detail-section,.detail-side section{background:#fff;border:1px solid #e3e8ea;padding:18px}.detail-section h3,.detail-side h3{font-size:15px;margin:0 0 17px;padding-bottom:12px;border-bottom:1px solid #edf0f1}.detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 22px}.detail-grid>div span,.detail-grid>div b{display:block}.detail-grid>div span{font-size:11px;color:#929da2;margin-bottom:7px}.detail-grid>div b{font-size:13px;color:#3d494f;word-break:break-word}.detail-abilities{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.detail-abilities span{padding:5px 10px;background:#eaf7f4;color:#087f72;border:1px solid #bce2da}.muted-tag{background:#f4f6f7!important;color:#7d878c!important;border-color:#dce1e3!important}.detail-empty{color:#929da2}.detail-empty table{width:100%;min-width:760px}.detail-side{display:flex;flex-direction:column;gap:12px}.detail-side p{color:#68757b;line-height:1.7;margin:0}.audit-timeline{padding-left:8px}.audit-timeline>div{position:relative;padding:0 0 22px 19px;border-left:1px solid #dce3e4}.audit-timeline>div:last-child{border-left-color:transparent}.audit-timeline i{position:absolute;left:-5px;top:2px;width:9px;height:9px;border-radius:50%;background:#079b88}.audit-timeline b,.audit-timeline span,.audit-timeline p{display:block}.audit-timeline span{font-size:11px;color:#919ca1;margin-top:5px}.audit-timeline p{font-size:12px;margin-top:5px;color:#087f72}
/* Factory scope and per-factory inventory configuration. */
.factory-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.factory-option{height:62px;border:1px solid #dfe5e7;display:flex;align-items:center;padding:0 10px;gap:9px;cursor:pointer;position:relative}.factory-option:hover,.factory-option.selected{border-color:#079b88;background:#f2faf8}.factory-option input{position:absolute;right:9px;top:9px;width:auto;height:auto;accent-color:#079b88}.factory-option>i{width:30px;height:30px;border-radius:3px;background:#edf2f3;color:#65737a;display:grid;place-items:center;font-style:normal}.factory-option.selected>i{background:#079b88;color:#fff}.factory-option span b,.factory-option span small{display:block}.factory-option span small{color:#98a2a7;font-size:10px;margin-top:4px}.factory-option em{display:none}.control.invalid .factory-selector{outline:1px solid #df5656;background:#fffafa;padding:5px}.factory-inventory-head{min-height:52px;display:flex;align-items:center;justify-content:space-between}.factory-inventory-head b,.factory-inventory-head span{display:block}.factory-inventory-head span{font-size:11px;color:#929da2;margin-top:5px}.factory-inventory-head em{font-style:normal;color:#087f72;background:#eaf7f4;padding:5px 8px;font-size:11px}.factory-inventory-table{overflow:auto;border:1px solid #e3e8ea}.factory-inventory-table table{min-width:850px}.factory-inventory-table th,.factory-inventory-table td{height:46px}.factory-inventory-table td:first-child b,.factory-inventory-table td:first-child small{display:block}.factory-inventory-table td:first-child small{font-size:10px;color:#98a2a7;margin-top:3px}.config-state{font-size:12px}.config-state.on{color:#087f72}.config-state.off{color:#8c969b}.empty-factory-row td{text-align:center;color:#929da2;height:76px}.factory-config-modal{width:680px}.factory-config-form{display:flex;flex-direction:column;gap:17px}.factory-config-banner{height:54px;background:#f4f8f7;border-left:3px solid #079b88;display:flex;align-items:center;padding:0 14px;gap:12px}.factory-config-banner>span{color:#879398}.factory-config-banner>b{font-size:15px}.config-enable{margin-left:auto;display:flex;align-items:center;gap:7px;cursor:pointer}.config-enable input,.config-switches input{display:none}.config-enable i,.config-switches i{display:inline-block;width:34px;height:19px;background:#cbd3d6;border-radius:12px;position:relative;transition:.2s}.config-enable i:after,.config-switches i:after{content:'';position:absolute;left:3px;top:3px;width:13px;height:13px;background:#fff;border-radius:50%;transition:.2s}.config-enable input:checked+i,.config-switches input:checked+i{background:#079b88}.config-enable input:checked+i:after,.config-switches input:checked+i:after{left:18px}.config-switches{display:grid;grid-template-columns:1fr 1fr;gap:12px}.config-switches>label{height:68px;border:1px solid #dfe5e7;padding:0 13px;display:flex;align-items:center;cursor:pointer}.config-switches label>span b,.config-switches label>span small{display:block}.config-switches label>span small{font-size:10px;color:#929da2;margin-top:5px}.config-switches input+i{margin-left:auto}.factory-expiry-fields{background:#f8faf9;border:1px solid #e1e8e6;padding:15px}.factory-expiry-fields>small{display:block;color:#929da2;margin-top:10px}.factory-expiry-fields.hidden{display:none}.factory-config-form>.error{min-height:16px}.detail-factory-inventory{margin-top:20px;padding-top:17px;border-top:1px solid #edf0f1}.detail-factory-inventory h4{font-size:13px;margin:0 0 11px}.detail-factory-table{overflow:auto}.detail-factory-table table{min-width:980px;border:1px solid #e4e9eb}.detail-factory-table th,.detail-factory-table td{height:42px}
@media(max-width:1100px){.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:1fr}.detail-side{display:grid;grid-template-columns:1fr 1fr}.create-layout{grid-template-columns:150px minmax(0,1fr)}.form-grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}.ability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.factory-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 1}.create-footer{left:180px}}
@media(max-width:820px){.detail-head{align-items:flex-start;gap:15px;flex-direction:column}.detail-actions{width:100%}.detail-actions .btn{flex:1}.status-flow{padding:0 5%}.detail-grid{grid-template-columns:1fr 1fr}.detail-side{display:flex}.audit-placeholder{padding-left:0;padding-right:0}.audit-placeholder>div{width:90px}.attachment-actions select{max-width:145px}.sidebar{display:none}.main{margin-left:0;width:100%;min-width:0}.topbar{padding:0 12px}.topbar time{display:none}.page{padding:0 10px 80px}.page-head{height:70px}.create-overview{align-items:flex-start;height:auto;padding:11px;gap:10px;flex-direction:column}.create-status>span:last-child{display:none}.create-layout{display:block}.form-nav{position:sticky;top:58px;z-index:7;display:flex;overflow:auto;padding:0;margin-bottom:10px}.form-nav>b{display:none}.form-nav button{min-width:125px;border-left:0;border-bottom:3px solid transparent}.form-nav button.active{border-left:0;border-bottom-color:#079b88}.form-nav button i{display:none}.form-section{padding:0 13px 17px}.section-title{height:auto;min-height:58px;align-items:flex-start;padding:12px 0}.section-title p{display:none}.form-grid.cols-3,.form-grid.cols-2,.ability-grid,.scope-selector,.factory-selector,.config-switches{grid-template-columns:1fr}.span-2{grid-column:auto}.unit-panel{padding:13px}.unit-panel-head>div span{display:none}.image-field{align-items:flex-start;flex-direction:column}.image-field>div{width:auto}.create-footer{left:0;padding:0 12px}.create-footer #autosaveText{display:none}.create-footer .btn{padding:0 12px}.select-modal{width:calc(100vw - 24px)}.lifecycle-track{padding:0;overflow:auto}.lifecycle-track i{min-width:25px}.customer-list,.attachment-table{overflow:auto}}

/* 2026-08 compact operations theme */
:root{
  --primary:#078b7d;
  --primary-hover:#06786d;
  --primary-soft:#eaf7f4;
  --page:#f6f8f9;
  --text:#303b42;
  --muted:#7f8a91;
  --line:#e5eaed;
  --line-soft:#edf1f3;
  --surface:#fff;
}
body{font-size:12px;line-height:1.45;letter-spacing:0;background:var(--page);color:var(--text)}
.sidebar{width:190px;background:#0b3039;border-right:0;box-shadow:2px 0 8px #102d3414}
.brand{height:48px;padding:0 16px;border-bottom:1px solid #ffffff12;gap:9px}
.brand b{width:auto;height:auto;background:transparent;color:#fff;font-size:22px;font-style:italic}
.brand span{font-size:14px;color:#f5fbfb}
nav{padding-top:5px}nav a{height:39px;padding:0 14px;gap:10px;border-left-width:2px;font-size:12px;color:#c5d4d7}
nav a i{font-size:13px;color:#80b6b6}.subnav a{height:36px;padding-left:43px;font-size:12px;color:#adc3c6}
.subnav a.active{background:#087e78;border-left-color:#48d5c3}.main{margin-left:190px;width:calc(100% - 190px)}
.topbar{height:48px;padding:0 16px;gap:9px;font-size:12px;box-shadow:0 1px 2px #18343c08}.topbar .icon-btn{font-size:16px;color:#66747b}.topbar time{color:#919ba0}
.page{padding:0 16px 18px}.page-head{height:74px}.page-head h1{font-size:18px;line-height:1.2;margin:0 0 5px;color:#1f2b31}.page-head p{font-size:11px;color:#89949a}
.head-actions{gap:8px}.btn{height:32px;padding:0 13px;border-color:#d6dde0;border-radius:3px;font-size:12px;font-weight:500;background:#fff}.btn.small{height:32px;padding:0 14px}.btn.primary{box-shadow:0 1px 2px #08796c1f}
.filter-card,.table-card,.form-section,.detail-section,.detail-side section{border-color:var(--line);border-radius:2px;box-shadow:0 1px 2px #263e4708}
.material-filter{display:grid;grid-template-columns:minmax(210px,1.35fr) repeat(5,minmax(124px,1fr)) auto;gap:9px 10px;align-items:end;min-height:0;height:auto;padding:12px 13px 9px;margin-bottom:8px;background:#fff}
.material-filter .filter-field{display:flex!important;flex-direction:column;align-items:stretch!important;height:auto!important;min-width:0;color:#49555b}
.material-filter .filter-field>span:first-child{height:18px;font-size:11px;color:#56636a}
.material-filter select,.material-filter .search{width:100%;height:31px;border:1px solid #dce2e5;border-radius:2px;background:#fff}
.material-filter select{padding:0 8px;color:#5b666c;outline:none}.material-filter select:focus,.material-filter .search:focus-within{border-color:#54aaa0;box-shadow:0 0 0 2px #078b7d0d}
.material-filter .search{display:flex;align-items:center;padding:0 8px}.material-filter .search i{font-style:normal;color:#89949a;font-size:14px}.material-filter .search input{height:29px;padding:0 0 0 7px;font-size:12px;background:transparent}
.filter-actions{height:31px;display:flex;gap:7px}.filter-actions .btn{height:31px;min-width:56px;padding:0 12px}
.quick-filters{grid-column:1/7;display:flex;align-items:center;gap:6px;min-height:27px;padding-top:1px}.quick-filters>span{color:#7d888e;margin-right:2px}.quick-filters button{height:22px;padding:0 9px;border:1px solid transparent;border-radius:2px;background:#f3f5f6;color:#68747a;font:inherit;cursor:pointer}
.quick-filters button[data-quick-filter="enabled"]{color:#168060;background:#edf8f4}.quick-filters button[data-quick-filter="reviewing"]{color:#a56a14;background:#fff7e8}.quick-filters button[data-quick-filter="sampling"]{color:#4e65ac;background:#f1f3ff}.quick-filters button[data-quick-filter="low"]{color:#bd5f3e;background:#fff2ed}.quick-filters button[data-quick-filter="disabled"]{color:#a04d61;background:#fff0f3}
.quick-filters button:hover,.quick-filters button.active{border-color:currentColor;font-weight:600}.quick-filters button[data-quick-filter="all"].active{color:#078b7d;background:#e8f6f3}
.advanced-toggle{grid-column:7;align-self:center;justify-self:end;padding:4px 0;color:#66747a;font-size:11px}.advanced-filters{grid-column:1/-1;display:none;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;padding:9px 0 2px;border-top:1px dashed #e1e7e9}.advanced-filters.show{display:grid}.advanced-filters .filter-field{display:flex!important}
.selection-bar{height:36px;margin-bottom:8px;border-color:#c8e5df;padding:0 11px}
.table-tools{height:40px;padding:0 11px}.table-tools b{font-size:13px;color:#303b42}.table-tools span{font-size:11px;margin-left:10px}.table-tool-actions{display:flex;align-items:center;gap:3px}.table-tool-actions .text-btn{padding:5px 7px}
table{font-size:12px}th{height:36px;padding:0 9px;background:#f4f6f7;border:0;border-bottom:1px solid #e0e6e8;color:#4f5b62;font-size:11px;font-weight:600}td{height:42px;padding:0 9px;border:0;border-bottom:1px solid #edf1f2;color:#4c585f;font-size:12px}tbody tr:hover{background:#f5fbfa}
.material-scroll{max-height:calc(100vh - 294px);min-height:300px}.material-table{min-width:2540px}.material-table th:first-child,.material-table td:first-child{width:36px}.material-thumb{width:30px;height:30px;border-radius:3px;font-size:15px;background:#eff7f5}.material-code{font-size:11px;color:#087f79}.material-table .sticky-code{min-width:132px}.material-table .sticky-name{min-width:184px}.sticky-code{left:36px}.sticky-name{left:168px}.material-table thead .sticky-select,.material-table thead .sticky-code,.material-table thead .sticky-name,.material-table thead .sticky-action{background:#f4f6f7}.sticky-action{box-shadow:-4px 0 8px #20343d0d}
.tag,.stock-tag,.category-tag,.group-path{height:20px;min-height:20px;padding:0 6px;border-radius:2px;border-color:transparent!important;font-size:10px;line-height:18px}.tag.enabled{color:#157d5d;background:#e9f7f1}.tag.enabled:before{display:none}.tag.system{color:#307ab0;background:#eaf4fb}.tag.custom{color:#087f72;background:#e7f7f3}.tag.draft{color:#68747a;background:#eef1f2}.tag.reviewing{color:#aa6b12;background:#fff3dc}.tag.sampling{color:#5069ae;background:#eef1ff}.tag.discontinued{color:#836740;background:#f5f0e9}.tag.voided{color:#bc4655;background:#ffedf0}.tag.disabled{color:#8b5864;background:#f7edf0}
.category-tag.cat-raw{color:#3677a5;background:#eaf4fb}.category-tag.cat-aux{color:#167d5f;background:#e9f7f1}.category-tag.cat-fin{color:#a46916;background:#fff3df}.category-tag.cat-semi{color:#6f55aa;background:#f2edfb}.category-tag.cat-pkg{color:#a94b6c;background:#fbedf2}.category-tag.cat-tool{color:#66747a;background:#eef1f2}
.stock-tag{border:0}.stock-tag.normal{color:#167d5f;background:#e9f7f1}.stock-tag.low{color:#b36b10;background:#fff2dc}.stock-tag.out{color:#bc4655;background:#ffedf0}.stock-tag.unset{color:#747f85;background:#eef1f2}
.pagination{height:44px;padding:0 11px;font-size:11px}.pagination>div{gap:7px;align-items:center}.pagination button,.pagination select,.page-jump{height:28px;padding:0 9px;border-radius:2px;font-size:11px}.pagination button.current{background:#078b7d;border-color:#078b7d;color:#fff}
.module-tabs{height:40px;padding:0 11px}.module-tabs button{height:39px;padding:0 18px;font-size:12px}.stats,.supplier-stats{gap:8px;margin-bottom:8px}.stats>div,.supplier-stats>div{height:66px;padding:0 14px}.stats i,.supplier-stats i{width:34px;height:34px;border-radius:4px;font-size:16px;margin-right:10px}.stats b,.supplier-stats b{font-size:20px}.stats small,.supplier-stats small{margin-top:3px;font-size:10px}
.create-mode .page-head{height:66px}.create-overview{height:42px;margin-bottom:8px;padding:0 13px}.create-layout{grid-template-columns:174px minmax(0,1fr);gap:8px}#materialCreateForm,.detail-main,.detail-side{gap:8px}.form-nav{top:56px;padding:8px 0}.form-nav button{height:38px}.form-section{padding:0 16px 17px}.section-title{height:51px;margin-bottom:14px}.section-title h2{font-size:14px}.form-grid{gap:13px 14px}.control>span{margin-bottom:6px}.control input,.control select,.master-picker{height:34px}.unit-panel{margin:15px 0 13px;padding:13px}.ability-grid label{height:68px;padding:10px}.create-footer{left:190px;height:56px;padding:0 18px}.create-mode .page{padding-bottom:70px}
.detail-head{padding:12px 15px}.detail-head h2{font-size:17px}.detail-head .material-thumb{width:44px;height:44px}.status-flow{height:66px}.detail-layout{gap:8px;margin-top:8px}.detail-section,.detail-side section{padding:14px}.detail-section h3,.detail-side h3{font-size:14px;margin-bottom:13px;padding-bottom:9px}.detail-grid{gap:14px 18px}
@media(max-width:1280px){.material-filter{grid-template-columns:repeat(3,minmax(150px,1fr)) auto}.filter-actions{grid-column:4;grid-row:1/3;align-self:end}.quick-filters{grid-column:1/4}.advanced-toggle{grid-column:4}.advanced-filters{grid-template-columns:repeat(3,minmax(150px,1fr))}.material-scroll{max-height:calc(100vh - 330px)}}
@media(max-width:1050px){.sidebar{width:176px}.main{margin-left:176px;width:calc(100% - 176px)}.create-footer{left:176px}.material-filter{grid-template-columns:repeat(2,minmax(150px,1fr))}.filter-actions{grid-column:1/3;grid-row:auto}.quick-filters{grid-column:1/3;flex-wrap:wrap}.advanced-toggle{grid-column:1/3}.advanced-filters{grid-template-columns:repeat(2,minmax(150px,1fr))}}
@media(max-width:820px){.main{margin-left:0;width:100%}.create-footer{left:0}.page{padding:0 10px 70px}.material-filter{grid-template-columns:1fr 1fr}.material-filter .keyword-field{grid-column:1/3}.filter-actions,.quick-filters,.advanced-toggle{grid-column:1/3}.advanced-filters{grid-template-columns:1fr 1fr}.head-actions .btn:not(.primary){display:none}.material-scroll{max-height:none}}

/* Finished material workbench */
.workbench-mode .page{padding:10px 14px 18px}.workbench-mode .page-head{display:none}.material-workbench-page{max-width:1680px;margin:0 auto;color:#344047}.material-workbench-page button,.material-workbench-page a{font-family:inherit}
.wb-identity{background:#fff;border:1px solid #e3e8ea;box-shadow:0 1px 3px #263e4708}.wb-identity-toolbar{height:38px;border-bottom:1px solid #edf0f2;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.wb-back{padding-left:0;color:#527078}.wb-actions{display:flex;align-items:center;gap:6px}.wb-actions .btn{height:28px;padding:0 10px;font-size:11px}.wb-more-wrap{position:relative}.wb-more-menu{position:absolute;right:0;top:33px;width:142px;background:#fff;border:1px solid #dde3e6;box-shadow:0 8px 24px #17303920;z-index:20;padding:5px;display:none}.wb-more-menu.show{display:block}.wb-more-menu button{width:100%;height:30px;text-align:left;border:0;background:#fff;padding:0 9px;color:#536067;cursor:pointer;font-size:11px}.wb-more-menu button:hover{background:#f3f8f7;color:#087f72}
.wb-identity-main{min-height:136px;display:grid;grid-template-columns:118px minmax(330px,1.18fr) minmax(250px,.82fr) minmax(340px,1fr);align-items:center}.wb-product-image{height:104px;border-right:1px solid #edf0f1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.wb-product-image .material-thumb{width:82px;height:68px;font-size:37px;border:0;background:#f0f6f5}.wb-product-image small{font-size:10px;color:#96a0a5}.wb-product-summary{padding:4px 18px;min-width:0}.wb-code-line{display:flex;align-items:center;gap:6px}.wb-code-line>b{font-size:14px;color:#28353b}.wb-product-summary h1{margin:7px 0 9px;font-size:20px;line-height:1.25;color:#1f2c32;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-capabilities{display:flex;gap:5px;flex-wrap:wrap}.wb-capabilities span{height:21px;display:inline-flex;align-items:center;padding:0 7px;border:1px solid #c6e3dc;background:#eef8f6;color:#157c6f;border-radius:2px;font-size:10px}.wb-summary-fields{display:grid;grid-template-columns:1fr 1fr;gap:5px 14px;margin-top:9px;color:#8a9499;font-size:10px}.wb-summary-fields span{min-width:0}.wb-summary-fields b{color:#536067;font-weight:500;margin-left:4px;white-space:nowrap}
.wb-owner-meta{padding:2px 18px;border-left:1px solid #edf0f1;display:grid;grid-template-columns:1fr 1fr;gap:11px 18px}.wb-owner-meta div{min-width:0}.wb-owner-meta span,.wb-owner-meta b{display:block}.wb-owner-meta>div>span{font-size:10px;color:#8e989d;margin-bottom:4px}.wb-owner-meta>div>b{font-size:11px;color:#46535a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-owner-meta>div>b>.tag{display:inline-flex}
.wb-lifecycle-box{align-self:stretch;border-left:1px solid #edf0f1;padding:17px 18px 10px;display:flex;flex-direction:column;justify-content:center}.wb-lifecycle-head{display:flex;justify-content:space-between;align-items:center}.wb-lifecycle-head>b{font-size:12px}.wb-lifecycle-head span{font-size:10px;color:#087f72;background:#eaf7f4;padding:3px 6px}.wb-lifecycle-flow{display:flex;align-items:flex-start;margin:14px 0 10px}.wb-lifecycle-flow>div{width:44px;text-align:center;color:#a0a8ac}.wb-lifecycle-flow>div>span{width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#e8edef;color:#8c969b;margin:0 auto 5px;font-size:9px}.wb-lifecycle-flow>div>b,.wb-lifecycle-flow>div>small{display:block;font-size:9px;white-space:nowrap}.wb-lifecycle-flow>div>small{color:#9ca5a9;margin-top:2px}.wb-lifecycle-flow>i{height:1px;background:#dce4e4;flex:1;margin-top:9px}.wb-lifecycle-flow>div.done>span,.wb-lifecycle-flow>div.current>span{background:#079b88;color:#fff}.wb-lifecycle-flow>div.done,.wb-lifecycle-flow>div.current{color:#087f72}.wb-lifecycle-flow>div.current>span{box-shadow:0 0 0 3px #dff3ef}.wb-lifecycle-foot{display:flex;justify-content:space-between;color:#8d979c;font-size:9px}.wb-lifecycle-foot b{color:#5c686e;font-weight:500}
.wb-metrics{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:#fff;border:1px solid #e3e8ea;border-top:0;margin-bottom:8px}.wb-metrics article{height:58px;display:flex;align-items:center;padding:0 12px;border-right:1px solid #edf0f1;position:relative;min-width:0}.wb-metrics article:last-child{border-right:0}.wb-metrics article>i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:14px;margin-right:9px;flex:0 0 auto}.wb-metrics article span,.wb-metrics article b{display:block;white-space:nowrap}.wb-metrics article span{font-size:10px;color:#879298;margin-bottom:3px}.wb-metrics article b{font-size:15px;color:#253238}.wb-metrics article b small{font-size:9px;color:#758087;font-weight:400}.wb-metrics article em{position:absolute;right:8px;bottom:10px;font-style:normal;color:#d84c4c;font-size:9px}.tone-teal{color:#087f72!important;background:#e9f7f4!important}.tone-blue{color:#3978b5!important;background:#edf5fd!important}.tone-purple{color:#7056ad!important;background:#f2effb!important}.tone-orange{color:#bd721e!important;background:#fff3e5!important}.tone-cyan{color:#16829a!important;background:#eaf7fa!important}
.wb-tabs{height:39px;background:#fff;border:1px solid #e3e8ea;display:flex;align-items:flex-end;padding:0 4px;margin-bottom:8px;overflow-x:auto}.wb-tabs button{height:38px;padding:0 14px;border:0;border-bottom:2px solid transparent;background:none;color:#667279;font-size:11px;white-space:nowrap;cursor:pointer}.wb-tabs button:hover,.wb-tabs button.active{color:#087f72}.wb-tabs button.active{border-bottom-color:#079b88;font-weight:600}
.wb-global-view{display:flex;flex-direction:column;gap:8px}.wb-grid{display:grid;gap:8px;align-items:stretch}.wb-grid-top{grid-template-columns:minmax(0,1.4fr) minmax(350px,.92fr)}.wb-grid-middle{grid-template-columns:minmax(0,1.65fr) minmax(320px,.78fr)}.wb-grid-bottom{grid-template-columns:minmax(0,1.32fr) minmax(370px,.92fr)}.wb-card{background:#fff;border:1px solid #e3e8ea;box-shadow:0 1px 2px #263e4708;padding:0 10px 10px;min-width:0}.wb-card-head{min-height:38px;border-bottom:1px solid #edf0f1;display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.wb-card-head h2,.wb-card-head span{margin:0;display:block}.wb-card-head h2{font-size:12px;color:#303d43}.wb-card-head span{font-size:9px;color:#929ca1;margin-top:2px}.wb-card-head em{font-style:normal;font-size:9px;color:#99a3a7}.module-link{border:1px solid #add6cf;background:#fff;color:#087f72;height:25px;padding:0 8px;border-radius:2px;font-size:10px;cursor:pointer}.module-link:hover{background:#eef8f6}.state-ok{color:#168361!important}.state-warning{color:#c17821!important}.linkish{color:#087fba!important;cursor:pointer}
.wb-engineering-items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e7ebed}.wb-engineering-items article{min-height:83px;padding:10px;display:flex;gap:8px;border-right:1px solid #e7ebed}.wb-engineering-items article:last-child{border-right:0}.wb-engineering-items article>i{width:27px;height:27px;display:grid;place-items:center;font-style:normal;border-radius:3px;flex:0 0 auto}.wb-engineering-items article b,.wb-engineering-items article strong,.wb-engineering-items article span,.wb-engineering-items article small{display:block}.wb-engineering-items article b{font-size:10px;color:#556168}.wb-engineering-items article strong{font-size:10px;color:#344148;margin:4px 0;font-weight:600}.wb-engineering-items article span,.wb-engineering-items article small{font-size:9px;color:#89949a;margin-top:2px}.wb-process{height:37px;margin-top:8px;display:flex;align-items:center;gap:11px}.wb-process>span{font-size:10px;color:#6d787e;white-space:nowrap}.wb-process>div{display:flex;align-items:center;gap:5px;min-width:0}.wb-process>div b{height:21px;padding:0 8px;background:#f3f6f6;border:1px solid #e3e8ea;display:grid;place-items:center;font-size:9px;font-weight:500;white-space:nowrap}.wb-process>div i{font-style:normal;color:#a3abad}.wb-process .module-link{margin-left:auto;white-space:nowrap}
.wb-mini-stage{height:31px;background:#f4faf8;display:flex;align-items:center;padding:0 9px;margin-bottom:8px}.wb-mini-stage>span{color:#869197;font-size:9px}.wb-mini-stage>b{margin-left:8px;font-size:11px}.wb-mini-stage>em{margin-left:auto;font-style:normal;font-size:9px}.wb-stage-line{display:flex;align-items:flex-start;padding:2px 8px 8px}.wb-stage-line span{width:48px;text-align:center;font-size:9px;color:#8e989d;position:relative}.wb-stage-line span:before{content:'';display:block;width:9px;height:9px;border-radius:50%;background:#dce3e5;margin:0 auto 4px}.wb-stage-line span.done:before,.wb-stage-line span.current:before{background:#079b88}.wb-stage-line span.current{color:#087f72;font-weight:600}.wb-stage-line span.current:before{box-shadow:0 0 0 3px #dff3ef}.wb-stage-line span small{display:block;font-size:8px;color:#a0a8ac;margin-top:2px}.wb-stage-line>i{flex:1;height:1px;background:#cfe1de;margin-top:4px}.wb-name-history{border-top:1px solid #edf0f1;padding-top:7px}.wb-subhead{display:flex;align-items:center;justify-content:space-between;min-height:25px}.wb-subhead>b{font-size:10px}.wb-name-history table{min-width:0}.wb-name-history th,.wb-name-history td{height:26px;font-size:9px;padding:0 6px}.wb-name-history th{background:#f6f8f8}
.wb-manufacturing-summary{display:grid;grid-template-columns:190px 190px minmax(0,1fr);min-height:138px}.wb-config-block{padding:4px 12px 0 4px;border-right:1px solid #edf0f1}.wb-config-block:nth-child(2){padding-left:12px}.wb-config-block>b,.wb-tooling-block>b{font-size:10px}.wb-config-block>b i,.wb-tooling-block>b i{font-style:normal;color:#087f72;margin-right:5px}.wb-config-block dl{display:grid;grid-template-columns:62px 1fr;gap:6px;margin:10px 0 0;font-size:9px}.wb-config-block dt{color:#919ba0}.wb-config-block dd{margin:0;color:#46535a;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-config-block p{font-size:9px;margin:10px 0 0}.wb-tooling-block{padding:4px 0 0 12px;overflow:auto}.wb-tooling-block table{min-width:640px;margin-top:7px}.wb-tooling-block th,.wb-tooling-block td{height:25px;font-size:9px;padding:0 6px}.wb-tooling-block a{color:#087fba;cursor:pointer}.wb-tooling-block>small{display:block;color:#929ca1;font-size:8px;margin-top:5px}
.wb-supply-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;padding-bottom:8px;border-bottom:1px solid #edf0f1}.wb-supply-fields div{min-width:0}.wb-supply-fields span,.wb-supply-fields b{display:block;font-size:9px}.wb-supply-fields span{color:#929ca1;margin-bottom:3px}.wb-supply-fields b{color:#48555b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-inventory-distribution{padding-top:5px}.wb-stock-row{height:23px;display:grid;grid-template-columns:66px 1fr 66px;align-items:center;gap:7px;font-size:9px}.wb-stock-row>span{color:#657178}.wb-stock-row>i{height:5px;background:#edf1f2;overflow:hidden}.wb-stock-row>i>b{display:block;height:100%;background:#4da69b}.wb-stock-row>em{font-style:normal;text-align:right;color:#4c595f}.wb-stock-safe{height:25px;border-top:1px dashed #e3e8ea;display:flex;align-items:end;justify-content:space-between;font-size:9px}.wb-stock-safe span{color:#929ca1}.wb-card-link{float:right;margin-top:6px}
.wb-quality-cost-content{display:grid;grid-template-columns:135px 210px minmax(250px,1fr);min-height:96px}.wb-quality-summary,.wb-cost-summary{padding:3px 12px 0 4px;border-right:1px solid #edf0f1}.wb-cost-summary{padding-left:14px}.wb-quality-summary>b,.wb-cost-summary>b{font-size:10px;color:#1680a1}.wb-cost-summary>b{color:#7860ad}.wb-cost-summary>b small{font-weight:400;color:#929ca1}.wb-quality-summary>div,.wb-cost-summary>div{display:flex;justify-content:space-between;margin-top:8px;font-size:9px}.wb-quality-summary span,.wb-cost-summary span{color:#8e989d}.wb-quality-summary strong,.wb-cost-summary strong{font-size:10px}.cost-up{color:#d84c4c}.wb-cost-trend{padding:3px 5px 0 14px}.wb-cost-trend>span{font-size:9px;color:#68757b}.wb-chart{height:58px;border-bottom:1px solid #dfe5e7;display:flex;align-items:flex-end;justify-content:space-around;padding:8px 8px 0;background:repeating-linear-gradient(to bottom,#fff 0,#fff 17px,#edf1f2 18px)}.wb-chart i{width:6px;background:#3a87c3;border-radius:1px 1px 0 0;position:relative}.wb-chart i:after{content:'';position:absolute;top:-2px;left:1px;width:4px;height:4px;border-radius:50%;background:#2e78b4}.wb-cost-trend>div:last-child{display:flex;justify-content:space-around;color:#9aa3a7;margin-top:3px}.wb-cost-trend small{font-size:8px}
.wb-risk-columns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px}.wb-risk-columns>div{min-height:85px;padding:8px;border-left:2px solid}.wb-risk-columns b,.wb-risk-columns span{display:block;font-size:9px}.wb-risk-columns span{margin-top:7px;color:#5c686e}.wb-risk-columns .normal{background:#eef8f4;border-color:#2f9b73}.wb-risk-columns .normal b{color:#168361}.wb-risk-columns .warning{background:#fff6e9;border-color:#df972f}.wb-risk-columns .warning b{color:#b46d17}.wb-risk-columns .info{background:#eef5fb;border-color:#4d8fc2}.wb-risk-columns .info b{color:#3978b5}.wb-risk-card .wb-card-link{margin-top:7px}
.wb-history-card{padding-bottom:9px}.wb-history-card .wb-card-head{margin-bottom:8px}.wb-history-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #e6ebed}.wb-history-list article{min-height:67px;padding:9px;display:flex;gap:8px;border-right:1px solid #e6ebed;min-width:0}.wb-history-list article:last-child{border-right:0}.wb-history-list article>i{width:27px;height:27px;border-radius:3px;display:grid;place-items:center;font-style:normal;flex:0 0 auto}.wb-history-list b,.wb-history-list strong,.wb-history-list span,.wb-history-list small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-history-list b{font-size:9px;color:#657178}.wb-history-list strong{font-size:9px;color:#36434a;margin:4px 0}.wb-history-list span,.wb-history-list small{font-size:8px;color:#889399;margin-top:2px}
@media(max-width:1380px){.wb-identity-main{grid-template-columns:100px minmax(300px,1.1fr) minmax(220px,.75fr) minmax(300px,1fr)}.wb-product-summary{padding-left:14px;padding-right:14px}.wb-owner-meta,.wb-lifecycle-box{padding-left:13px;padding-right:13px}.wb-metrics article{padding:0 8px}.wb-metrics article>i{width:26px;height:26px;margin-right:6px}.wb-metrics article b{font-size:13px}.wb-grid-middle{grid-template-columns:minmax(0,1.5fr) minmax(300px,.8fr)}.wb-manufacturing-summary{grid-template-columns:165px 165px minmax(0,1fr)}}
@media(max-width:1180px){.wb-identity-main{grid-template-columns:96px minmax(300px,1fr) minmax(300px,1fr)}.wb-lifecycle-box{grid-column:1/-1;border-left:0;border-top:1px solid #edf0f1;padding:10px 18px}.wb-lifecycle-flow{margin:8px 0}.wb-metrics{grid-template-columns:repeat(4,1fr)}.wb-metrics article{border-bottom:1px solid #edf0f1}.wb-grid-top,.wb-grid-middle,.wb-grid-bottom{grid-template-columns:1fr}.wb-manufacturing-summary{grid-template-columns:190px 190px minmax(0,1fr)}}
@media(max-width:820px){.workbench-mode .page{padding:8px}.wb-identity-toolbar{height:auto;min-height:40px;align-items:flex-start;gap:8px;padding:6px 9px}.wb-actions{flex-wrap:wrap;justify-content:flex-end}.wb-actions .btn{padding:0 7px}.wb-identity-main{display:flex;flex-direction:column;align-items:stretch}.wb-product-image{height:88px;border-right:0;border-bottom:1px solid #edf0f1}.wb-product-image .material-thumb{width:70px;height:56px}.wb-product-summary h1{font-size:17px;white-space:normal}.wb-summary-fields{grid-template-columns:1fr}.wb-owner-meta{border-left:0;border-top:1px solid #edf0f1;padding:12px 14px}.wb-lifecycle-box{padding:12px 14px}.wb-metrics{grid-template-columns:repeat(2,1fr)}.wb-tabs{padding-bottom:0}.wb-engineering-items{grid-template-columns:1fr 1fr}.wb-engineering-items article:nth-child(2){border-right:0}.wb-engineering-items article:nth-child(-n+2){border-bottom:1px solid #e7ebed}.wb-process{height:auto;align-items:flex-start;flex-direction:column}.wb-process>div{flex-wrap:wrap}.wb-process .module-link{margin-left:0}.wb-manufacturing-summary{display:flex;flex-direction:column}.wb-config-block{border-right:0;border-bottom:1px solid #edf0f1;padding:8px}.wb-config-block:nth-child(2){padding:8px}.wb-tooling-block{padding:9px 0}.wb-quality-cost-content{grid-template-columns:1fr 1fr}.wb-cost-summary{border-right:0}.wb-cost-trend{grid-column:1/-1;border-top:1px solid #edf0f1;padding-top:9px}.wb-risk-columns{grid-template-columns:1fr}.wb-risk-columns>div{min-height:0}.wb-history-list{grid-template-columns:1fr}.wb-history-list article{border-right:0;border-bottom:1px solid #e6ebed}.wb-history-list article:last-child{border-bottom:0}}

/* Workbench typography, icon and color refinement */
:root{--primary:#00a58f;--primary-hover:#008f7c;--primary-soft:#e1f8f3}
body{font-family:"HarmonyOS Sans SC","PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Noto Sans CJK SC",system-ui,-apple-system,sans-serif;font-weight:400;color:#29363d}
nav a{font-size:13px}nav a svg{width:16px;height:16px;stroke-width:1.8;color:#8cc8c5;flex:0 0 auto}.subnav a{font-size:12px}.topbar{font-size:13px}.topbar .icon-btn{display:grid;place-items:center}.topbar .icon-btn svg{width:18px;height:18px;stroke-width:1.8}
.btn.primary{background:#00a58f;border-color:#00a58f}.btn.primary:hover{background:#008f7c;border-color:#008f7c}.wb-actions .btn{font-size:12px;height:31px}.wb-actions .btn svg{width:14px;height:14px;stroke-width:1.9;margin-right:5px;vertical-align:-2px}.wb-more-menu button{font-size:12px}
.wb-identity-toolbar{height:42px}.wb-identity-main{min-height:150px}.wb-product-image{height:116px}.wb-product-image small{font-size:11px}.wb-code-line>b{font-size:15px}.wb-product-summary h1{font-size:22px;margin-top:8px;margin-bottom:10px;font-weight:650}.wb-capabilities span{height:24px;padding:0 8px;font-size:11px;color:#007f70;background:#dcf7f1;border-color:#95dbcf}.wb-summary-fields{font-size:11px;gap:7px 14px}.wb-summary-fields b{font-size:12px;color:#44535a}.wb-owner-meta{gap:13px 18px}.wb-owner-meta>div>span{font-size:11px}.wb-owner-meta>div>b{font-size:12px}.wb-lifecycle-head>b{font-size:13px}.wb-lifecycle-head span{font-size:11px;color:#007e70;background:#dff7f2}.wb-lifecycle-flow>div{width:50px}.wb-lifecycle-flow>div>span{width:22px;height:22px;font-size:10px}.wb-lifecycle-flow>div>b{font-size:11px}.wb-lifecycle-flow>div>small{font-size:10px}.wb-lifecycle-flow>i{margin-top:10px}.wb-lifecycle-foot{font-size:10px}
.wb-metrics article{height:68px;padding:0 12px}.wb-metrics article:nth-child(1){box-shadow:inset 0 2px #3e8bd0}.wb-metrics article:nth-child(2){box-shadow:inset 0 2px #865fc9}.wb-metrics article:nth-child(3){box-shadow:inset 0 2px #ee982d}.wb-metrics article:nth-child(4){box-shadow:inset 0 2px #2f80c4}.wb-metrics article:nth-child(5){box-shadow:inset 0 2px #00a581}.wb-metrics article:nth-child(6){box-shadow:inset 0 2px #18a1b9}.wb-metrics article:nth-child(7){box-shadow:inset 0 2px #e65c62}.wb-metrics .metric-icon{width:36px;height:36px;border-radius:7px;display:grid;place-items:center;margin-right:10px;flex:0 0 auto}.wb-metrics .metric-icon svg{width:19px;height:19px;stroke-width:1.9}.wb-metrics article span{font-size:12px;margin-bottom:4px}.wb-metrics article b{font-size:18px;font-weight:650}.wb-metrics article b small{font-size:10px}.wb-metrics article em{font-size:10px;bottom:9px}.tone-teal{color:#008c79!important;background:#dcf7f0!important}.tone-blue{color:#317fc3!important;background:#e5f1ff!important}.tone-purple{color:#7954bc!important;background:#f0e9ff!important}.tone-orange{color:#d97a14!important;background:#ffedd7!important}.tone-cyan{color:#098ca7!important;background:#dff6fb!important}
.wb-tabs{height:44px}.wb-tabs button{height:43px;padding:0 17px;font-size:13px}.wb-tabs button.active{border-bottom-width:3px;color:#008f7c}.wb-card{padding-left:12px;padding-right:12px;padding-bottom:12px}.wb-card-head{min-height:46px;margin-bottom:11px}.wb-card-head h2{font-size:14px;font-weight:650}.wb-card-head span{font-size:11px;margin-top:3px}.wb-card-head em{font-size:10px}.module-link{height:28px;font-size:11px;padding:0 9px;color:#008a79;border-color:#8fcfc4}.state-ok{color:#009367!important}.state-warning{color:#dc7917!important}
.wb-engineering-items article{min-height:96px;padding:12px;gap:10px}.wb-icon{width:34px;height:34px;border-radius:6px;display:grid;place-items:center;flex:0 0 auto}.wb-icon svg{width:18px;height:18px;stroke-width:1.9}.wb-engineering-items article b{font-size:12px}.wb-engineering-items article strong{font-size:12px;margin:5px 0}.wb-engineering-items article span,.wb-engineering-items article small{font-size:10px;margin-top:3px}.wb-process{min-height:43px;height:auto}.wb-process>span{font-size:11px}.wb-process>div b{height:25px;font-size:11px}.wb-process>div i{font-size:12px}
.wb-mini-stage{height:36px}.wb-mini-stage>span,.wb-mini-stage>em{font-size:11px}.wb-mini-stage>b{font-size:13px}.wb-stage-line span{font-size:11px;width:54px}.wb-stage-line span small{font-size:9px}.wb-stage-line span:before{width:11px;height:11px}.wb-stage-line>i{margin-top:5px}.wb-subhead>b{font-size:12px}.wb-name-history th,.wb-name-history td{height:31px;font-size:11px;padding:0 7px}
.wb-manufacturing-summary{grid-template-columns:205px 205px minmax(0,1fr);min-height:156px}.wb-config-block>b,.wb-tooling-block>b{font-size:12px}.wb-config-block dl{grid-template-columns:68px 1fr;gap:8px;font-size:11px;margin-top:12px}.wb-config-block p{font-size:10px}.wb-tooling-block th,.wb-tooling-block td{height:30px;font-size:11px;padding:0 7px}.wb-tooling-block>small{font-size:10px;margin-top:7px}
.wb-supply-fields{gap:9px 12px}.wb-supply-fields span,.wb-supply-fields b{font-size:11px}.wb-stock-row{height:28px;grid-template-columns:72px 1fr 76px;font-size:11px}.wb-stock-row>i{height:7px}.wb-stock-row>i>b{background:#16a48f}.wb-stock-safe{height:29px;font-size:11px}
.wb-quality-cost-content{grid-template-columns:160px 230px minmax(260px,1fr);min-height:116px}.wb-quality-summary>b,.wb-cost-summary>b{font-size:12px}.wb-quality-summary>div,.wb-cost-summary>div{font-size:11px;margin-top:10px}.wb-quality-summary strong,.wb-cost-summary strong{font-size:13px}.wb-cost-trend>span{font-size:11px}.wb-chart{height:69px}.wb-cost-trend small{font-size:9px}.wb-risk-columns b,.wb-risk-columns span{font-size:11px}.wb-risk-columns>div{min-height:102px;padding:10px}.wb-risk-columns .normal{background:#e7f8f1;border-color:#12a372}.wb-risk-columns .warning{background:#fff1dd;border-color:#ef9228}.wb-risk-columns .info{background:#e7f2ff;border-color:#438fd0}
.wb-history-list article{min-height:80px;padding:11px;gap:9px}.wb-history-list b{font-size:11px}.wb-history-list strong{font-size:11px;margin:5px 0}.wb-history-list span,.wb-history-list small{font-size:10px}.cost-up{color:#df4f56}
@media(max-width:1380px){.wb-metrics article{padding:0 9px}.wb-metrics .metric-icon{width:32px;height:32px;margin-right:7px}.wb-metrics article b{font-size:16px}.wb-manufacturing-summary{grid-template-columns:180px 180px minmax(0,1fr)}}
@media(max-width:820px){.wb-product-summary h1{font-size:20px}.wb-metrics article{height:64px}.wb-card-head h2{font-size:14px}.wb-engineering-items article b,.wb-engineering-items article strong{font-size:11px}.wb-manufacturing-summary{display:flex}.wb-quality-cost-content{grid-template-columns:1fr 1fr}}

/* Archive and lifecycle tab */
.wb-tab-panel[hidden]{display:none!important}.wb-profile-grid{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:8px;align-items:stretch}.profile-recent-card{grid-column:1/-1}.profile-head-actions{display:flex;align-items:center;gap:6px}.profile-head-actions .module-link,.profile-customer-card>.wb-card-head>.module-link{display:inline-flex;align-items:center;gap:4px}.profile-head-actions svg,.profile-customer-card>.wb-card-head svg{width:13px;height:13px;stroke-width:1.9}
.profile-basic-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.profile-basic-grid>div{min-height:28px;display:grid;grid-template-columns:105px minmax(0,1fr);align-items:center;border-bottom:1px dashed #edf0f1}.profile-basic-grid span{font-size:11px;color:#849096}.profile-basic-grid b{font-size:12px;color:#3a474e;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-info-strip,.profile-warning-strip{min-height:31px;margin-top:9px;padding:6px 9px;display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.45}.profile-info-strip{color:#3978b5;background:#eaf3ff;border:1px solid #c9dff6}.profile-warning-strip{color:#b76a16;background:#fff2df;border:1px solid #f2d2a8}.profile-info-strip svg,.profile-warning-strip svg{width:14px;height:14px;flex:0 0 auto;stroke-width:2}
.profile-status-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;padding-bottom:10px;border-bottom:1px solid #edf0f1}.profile-status-grid>div{display:grid;grid-template-columns:95px 1fr;align-items:center;min-width:0}.profile-status-grid span{font-size:11px;color:#879298}.profile-status-grid b{font-size:12px;font-weight:500;color:#3a474e;min-width:0}.profile-status-grid a,.profile-table a{color:#1684bd;cursor:pointer}.profile-state{display:inline-flex;align-items:center;justify-content:center;height:21px;padding:0 7px;border-radius:2px;font-size:10px;font-style:normal;font-weight:500}.profile-state.enabled{color:#008b67;background:#dff7ed}.profile-state.reviewing,.profile-state.sampling{color:#ba6b13;background:#fff0d9}.profile-state.draft,.profile-state.history{color:#6f7b81;background:#edf1f2}.profile-state.disabled,.profile-state.voided,.profile-state.discontinued{color:#b54a5d;background:#ffebef}
.profile-lifecycle-flow{display:flex;align-items:flex-start;margin:14px 6px 11px}.profile-lifecycle-flow>div{width:52px;text-align:center;color:#9aa4a8}.profile-lifecycle-flow>div>span{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#e8edef;color:#8c969b;margin:0 auto 5px;font-size:10px}.profile-lifecycle-flow>div>b,.profile-lifecycle-flow>div>small{display:block;font-size:10px;white-space:nowrap}.profile-lifecycle-flow>div>small{font-size:9px;color:#9da6aa;margin-top:2px}.profile-lifecycle-flow>i{height:1px;background:#dce4e4;flex:1;margin-top:10px}.profile-lifecycle-flow>div.done>span,.profile-lifecycle-flow>div.current>span{background:#00a58f;color:#fff}.profile-lifecycle-flow>div.done,.profile-lifecycle-flow>div.current{color:#008c7a}.profile-lifecycle-flow>div.current>span{box-shadow:0 0 0 3px #d9f4ed}.profile-next-stage{min-height:42px;background:#f7f9f9;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:6px 9px;gap:12px}.profile-next-stage>div>span,.profile-next-stage>div>b{display:block}.profile-next-stage>div>span{font-size:10px;color:#8a959a}.profile-next-stage>div>b{font-size:11px;margin-top:3px}.profile-next-stage .profile-head-actions{justify-self:end}
.profile-customer-summary{height:34px;display:flex;align-items:center;gap:8px}.profile-customer-summary>span{font-size:11px;color:#879298}.profile-customer-summary>b{font-size:12px}.profile-customer-summary>em{height:21px;display:inline-flex;align-items:center;padding:0 7px;background:#dcf7ef;color:#008b69;font-style:normal;font-size:10px}.profile-customer-summary>small{font-size:10px;color:#8b969b}.profile-table-scroll{overflow:auto}.profile-table{width:100%;min-width:720px;border:1px solid #e6ebed}.profile-table th{height:31px;background:#f4f7f7;border:0;border-bottom:1px solid #dfe6e8;padding:0 7px;font-size:10px}.profile-table td{height:34px;border:0;border-bottom:1px solid #edf1f2;padding:0 7px;font-size:11px}.profile-table tr:last-child td{border-bottom:0}.profile-table .action{font-size:10px}.profile-empty{text-align:center;color:#929ca1!important}
.profile-ability-content{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-ability-content>div>b{display:block;font-size:12px;margin-bottom:7px}.profile-ability-list{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e4e9eb}.profile-ability-list>div{height:31px;display:grid;grid-template-columns:18px 1fr auto;align-items:center;padding:0 8px;border-bottom:1px solid #edf1f2;font-size:10px}.profile-ability-list>div:nth-last-child(-n+2){border-bottom:0}.profile-ability-list>div:nth-child(odd){border-right:1px solid #edf1f2}.profile-ability-list svg{width:14px;height:14px}.profile-ability-list span{font-size:11px}.profile-ability-list b{font-size:10px;font-weight:500}.profile-ability-list .on{color:#008b69;background:#f0fbf7}.profile-ability-list .off{color:#89949a;background:#f7f8f8}.profile-factory-list{border:1px solid #e4e9eb}.profile-factory-list>div{min-height:31px;display:grid;grid-template-columns:1fr 40px 1.2fr;align-items:center;padding:0 8px;border-bottom:1px solid #edf1f2}.profile-factory-list>div:last-child{border-bottom:0}.profile-factory-list span{font-size:11px}.profile-factory-list b{font-size:10px;font-weight:500}.profile-factory-list small{font-size:10px;color:#8d989d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.state-muted{color:#8d979c}.profile-ability-actions{display:flex;align-items:flex-end;gap:8px;margin-top:9px}.profile-ability-actions .profile-warning-strip{margin:0;flex:1}.profile-ability-actions>.module-link{flex:0 0 auto}
.profile-name-card .profile-table,.profile-lifecycle-history-card .profile-table{min-width:680px}.profile-recent-card .wb-card-head{margin-bottom:7px}.profile-change-timeline{display:grid;grid-template-columns:repeat(4,1fr);padding:4px 5px 2px}.profile-change-timeline article{min-height:58px;display:flex;align-items:flex-start;gap:9px;padding:6px 14px 6px 8px;position:relative;border-right:1px solid #e6ebed}.profile-change-timeline article:last-child{border-right:0}.profile-change-timeline article>span{width:25px;height:25px;border-radius:50%;background:#e1f8f3;color:#008d7b;display:grid;place-items:center;flex:0 0 auto}.profile-change-timeline article>span svg{width:13px;height:13px}.profile-change-timeline time,.profile-change-timeline b,.profile-change-timeline small{display:block}.profile-change-timeline time{font-size:9px;color:#929ca1}.profile-change-timeline b{font-size:11px;color:#3b484e;margin:3px 0}.profile-change-timeline small{font-size:10px;color:#6f7b81}.profile-change-timeline article:not(:last-child):after{content:'';position:absolute;right:-5px;top:27px;width:9px;height:9px;border-top:1px solid #cddbd8;border-right:1px solid #cddbd8;transform:rotate(45deg);background:#fff}
@media(max-width:1180px){.wb-profile-grid{grid-template-columns:1fr}.profile-recent-card{grid-column:auto}.profile-change-timeline{grid-template-columns:1fr 1fr}.profile-change-timeline article:nth-child(2){border-right:0}.profile-change-timeline article:nth-child(-n+2){border-bottom:1px solid #e6ebed}.profile-change-timeline article:after{display:none}}
@media(max-width:820px){.profile-basic-grid{grid-template-columns:1fr}.profile-status-grid{grid-template-columns:1fr}.profile-ability-content{grid-template-columns:1fr}.profile-next-stage{grid-template-columns:1fr 1fr}.profile-next-stage .profile-head-actions{grid-column:1/-1;justify-self:start}.profile-change-timeline{grid-template-columns:1fr}.profile-change-timeline article{border-right:0;border-bottom:1px solid #e6ebed}.profile-change-timeline article:last-child{border-bottom:0}.profile-ability-list{grid-template-columns:1fr}.profile-ability-list>div:nth-child(odd){border-right:0}.profile-ability-list>div:nth-last-child(-n+2){border-bottom:1px solid #edf1f2}.profile-ability-list>div:last-child{border-bottom:0}}