:root{font-family:system-ui,-apple-system,"Segoe UI","Microsoft JhengHei",sans-serif;color:#223a36;background:#f3f5f4;font-size:16px;--green:#174e43;--accent:#baf15b;--muted:#72827d;--border:#e1e7e3}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #80b779;outline-offset:3px}button{border:1px solid var(--border);background:white;color:#29423b;border-radius:8px;padding:10px 16px;font-weight:600;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover{background:#f0f5ee}button.primary{background:var(--green);border-color:var(--green);color:white}button.primary:hover{background:#103d33}button.accent{background:var(--accent);border-color:var(--accent);color:#163a2f}button.ghost{border:0;background:transparent}.danger{color:#bd453c}a{color:var(--green)}svg.icon{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:#103c34;color:#d9e9e2;padding:32px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:12px;align-items:center;font-size:1.35rem;font-weight:700;letter-spacing:1px;margin:0 8px 42px}.brand-icon{display:grid;place-items:center;width:42px;height:44px;background:#baf15b;color:#153f31;border-radius:10px;font-weight:800}.brand small{display:block;font-size:.75rem;color:#b5cbc0;font-weight:400;letter-spacing:1.5px;margin-top:4px}.nav-label{font-size:.75rem;color:#8eb1a5;padding:0 16px;margin:20px 0 10px}.nav-item{width:100%;border:0;background:transparent;color:#c4d7d0;justify-content:flex-start;gap:12px;padding:13px 15px;margin:3px 0;font-size:.9375rem;font-weight:500}.nav-item:hover{background:#245348}.nav-item.active{background:#baf15b;color:#173b2e;font-weight:700}.nav-count{margin-left:auto;border-radius:5px;padding:1px 6px;background:#ffffff24;font-size:.75rem}.sidebar-bottom{margin-top:auto;border-top:1px solid #386153;padding:22px 8px 0;line-height:1.7;font-size:.875rem}.sidebar-bottom small{color:#9ab9ad;display:block;font-size:.75rem}main{margin-left:238px;padding:0 36px 40px;max-width:1800px}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);font-size:.875rem;color:#76837e;margin-bottom:28px}.topbar-right{display:flex;align-items:center;gap:16px}.local-badge{display:flex;align-items:center;gap:7px;color:#376852;font-size:.8125rem;background:#e8efe9;padding:6px 10px;border-radius:6px}.avatar{background:#dbe6db;color:#3f6550;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:.875rem}.page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 25px}.eyebrow{font-size:.6875rem;letter-spacing:2.5px;color:#5f7c67;font-weight:700}h1{font-size:1.85rem;letter-spacing:-.8px;font-weight:700;margin:7px 0 6px}h2{font-size:1.1rem;margin:0}h3{font-size:1rem;margin:0 0 15px}p{color:var(--muted);font-size:.875rem;line-height:1.7;margin:5px 0}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:white;border:1px solid var(--border);border-radius:12px;padding:21px 22px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#6b7e74;font-size:.875rem}.stat-icon{background:#edf2ec;border-radius:8px;padding:8px;color:#416b52}.stat-value{font-size:2rem;font-weight:650;margin:5px 0 9px;letter-spacing:-.9px}.stat-value small{font-size:.875rem;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:6px}.stat-footer{font-size:.75rem;color:#738378}.stat.highlight{background:#e7efdf;border-color:#d2e2bd}.panel{background:#fff;border:1px solid var(--border);border-radius:12px;margin-bottom:22px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid #edf0ec;gap:12px}.panel-body{padding:22px}.toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center;padding:16px 22px;flex-wrap:wrap}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tab{border:0;background:transparent;color:#738276;padding:8px 12px;font-weight:500}.tab.active{background:#edf3e9;color:#264d36;font-weight:700}.search{position:relative;display:flex;align-items:center}.search svg{position:absolute;left:11px;color:#88978d}.search input{padding-left:36px;width:245px}input,select,textarea{border:1px solid #dce4dd;border-radius:7px;background:#fff;color:#233c32;min-height:40px;padding:9px 11px;font-size:.875rem;max-width:100%}input[type=number]{min-width:60px}input[type=file]{width:100%}textarea{min-height:84px;resize:vertical}label{font-size:.875rem;display:flex;flex-direction:column;gap:7px;color:#52665c}label>small{font-size:.75rem;color:#78867d}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}th{font-size:.75rem;font-weight:500;color:#7e8c82;background:#f8faf7;padding:13px 20px;white-space:nowrap}td{padding:19px 20px;border-top:1px solid #edf0eb;vertical-align:middle}tr:hover td{background:#fcfdfb}td strong{font-weight:600}td small{display:block;color:#89958d;font-size:.75rem;margin-top:5px}.nowrap{white-space:nowrap}.mono{font-variant-numeric:tabular-nums;letter-spacing:.2px}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:5px;font-size:.75rem;font-weight:500;white-space:nowrap}.badge.green{background:#e6f1e4;color:#467536}.badge.amber{background:#fbf0d9;color:#a67b27}.badge.blue{background:#e7eff7;color:#456b96}.badge.purple{background:#eee9f5;color:#7c629e}.badge.gray{background:#edf0ed;color:#728074}.badge.red{background:#fbeae7;color:#b96554}.order-link{background:none;border:0;color:#264b3b;padding:0;font-weight:650;font-size:.875rem}.progress{height:5px;background:#e9eee7;border-radius:4px;width:104px;overflow:hidden;margin-top:7px}.progress>span{display:block;height:100%;background:#68995b;border-radius:4px}.table-foot{padding:15px 22px;display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#849186;border-top:1px solid #edf0eb}.lower-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.flow{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:24px 22px}.flow-step{flex:1;text-align:center}.flow-box{background:#f0f5ec;padding:15px 5px;border-radius:8px;font-size:.8rem;color:#53644f;margin-bottom:8px}.flow-box b{display:block;font-size:1.5rem;color:#34563a;margin-bottom:4px}.flow-step small{color:#8a9788;font-size:.75rem}.flow-arrow{color:#adbaab}.note-row{display:flex;gap:12px;padding:15px 22px;align-items:center;border-top:1px solid #f1f3ee}.note-icon{background:#f3f5ed;color:#84966f;padding:9px;border-radius:8px}.note-row div:nth-child(2){flex:1}.note-row strong{font-size:.875rem;font-weight:500}.note-row p{font-size:.75rem;margin-top:2px}.sample-note{font-size:.75rem;color:#849183;padding:4px 0 14px;display:flex;gap:7px;align-items:center}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.full{grid-column:1/-1}.fieldgroup{margin-bottom:20px}.divider{border:0;border-top:1px solid #e7ece4;margin:24px 0}.empty{padding:45px;text-align:center;color:#7c8c7e}.text-right{text-align:right}.kpi-line{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eef1ea;font-size:.875rem}.kpi-line.total{font-size:1.2rem;color:#244b37;font-weight:700}.breadcrumb{display:flex;align-items:center;gap:8px;color:#849181;font-size:.875rem;margin-bottom:16px}.back{padding:5px 0;background:transparent;border:0}.step-bar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.step{background:#f7f9f4;border:1px solid #e2e9dc;border-radius:9px;padding:15px}.step b{display:block;font-size:.875rem}.step small{display:block;font-size:.75rem;margin-top:7px;color:#75816e}.row-actions{display:flex;gap:5px;flex-wrap:wrap}.row-actions button{padding:6px 9px;font-size:.75rem}.upload-zone{display:flex;align-items:center;gap:18px;padding:25px;background:#f7f9f4;border:1px dashed #bbcbb5;border-radius:9px;margin-bottom:20px}.upload-zone .icon{width:28px;height:28px}.hint{background:#f0f5ea;border:1px solid #dfe9d4;border-radius:8px;padding:12px 15px;color:#647454;font-size:.8125rem;line-height:1.8}.error{background:#fff0ec;border-color:#edc9bf;color:#a04d3d}.code-path{overflow-wrap:anywhere;font-size:.8125rem;background:#f5f7f2;border-radius:7px;padding:13px;color:#506347;margin:12px 0}.file-row{padding:13px 0;border-bottom:1px solid #edf1e9;display:flex;justify-content:space-between;gap:16px;align-items:center}dialog{border:0;border-radius:15px;padding:0;width:min(780px,94vw);max-height:90vh;color:#294031;box-shadow:0 24px 90px #15321c33}dialog.wide{width:min(1050px,96vw)}dialog::backdrop{background:#152e2b65;backdrop-filter:blur(3px)}.modal-head{padding:22px 25px;border-bottom:1px solid #e5ebe0;display:flex;align-items:center;justify-content:space-between}.modal-body{padding:24px 25px;overflow:auto;max-height:65vh}.modal-foot{padding:18px 25px;border-top:1px solid #e5ebe0;display:flex;justify-content:flex-end;gap:10px}.bom-card{border:1px solid #dce6d4;border-radius:10px;padding:18px;margin-bottom:16px;background:#fbfcfa}.bom-card header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.bom-card .grid3{gap:12px}.bom-card label{font-size:.8125rem}.compact{font-size:.75rem}#toast{position:fixed;bottom:26px;left:calc(50% + 90px);transform:translateX(-50%);z-index:1000;background:#214d37;color:white;padding:14px 24px;border-radius:10px;box-shadow:0 7px 30px #183b2522;font-size:.875rem;display:none;max-width:90vw}#toast.show{display:block}.footer-note{color:#8b9888;font-size:.75rem;text-align:center;margin-top:20px}.supply-group{padding:18px 22px;background:#f5f8f1;display:flex;justify-content:space-between;align-items:center}.mobile-title{display:none}@media(min-width:1500px){main{padding-left:48px;padding-right:48px}.stat{padding:24px 28px}td{padding-top:22px;padding-bottom:22px}}@media(max-width:1150px){.sidebar{width:205px;padding:28px 13px}main{margin-left:205px;padding:0 24px 30px}.brand{margin-left:5px}.stats{gap:11px}.stat{padding:17px}.lower-grid{grid-template-columns:1fr}.page-head{align-items:flex-start}.page-head .actions{justify-content:flex-end}}@media(max-width:780px){.sidebar{position:static;width:100%;padding:15px 16px 8px;display:block}.brand{margin:0 0 13px;font-size:1.1rem}.brand-icon{width:34px;height:34px}.brand small{display:none}.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:3px}.nav-item{width:auto;white-space:nowrap;padding:9px 12px;font-size:.8rem;gap:7px}.nav-item svg{display:none}.nav-count{display:none}main{margin-left:0;padding:0 16px 25px}.topbar{height:52px;margin-bottom:20px}.topbar-right .avatar{display:none}.page-head{flex-direction:column}h1{font-size:1.6rem}.stats{grid-template-columns:repeat(2,1fr);gap:10px}.stat-value{font-size:1.7rem}.stat-icon{padding:5px}.stat-top{font-size:.8rem}.grid2,.grid3{grid-template-columns:1fr}.step-bar{grid-template-columns:repeat(2,1fr)}.lower-grid{gap:0}.toolbar{padding:14px}.search,.search input{width:100%}.panel-head{padding:17px}.flow{gap:5px;padding:20px 10px}.flow-arrow{font-size:.7rem}.flow-box{font-size:.7rem}.flow-step small{font-size:.7rem}.modal-body{padding:18px}.modal-head,.modal-foot{padding:18px}td,th{padding:14px}#toast{left:50%}.full{grid-column:auto}.eyebrow{font-size:.7rem}.local-badge{font-size:.75rem}.upload-zone{padding:16px;flex-wrap:wrap}}@media print{.sidebar,.topbar,.actions,.toolbar,button,.sample-note,.footer-note{display:none!important}main{margin:0;padding:0}.panel{break-inside:avoid;overflow:visible}.table-scroll{overflow:visible}body{background:white}td,th{padding:8px;font-size:11px}.stats{gap:8px}}

.stat:last-child .stat-value{font-size:clamp(1.2rem,2vw,1.85rem);white-space:nowrap}.order-link{white-space:nowrap}table{min-width:780px}.step-bar .step:last-child small{font-size:1rem;font-weight:650}.panel-body p{font-size:.875rem}@media(max-width:780px){.stat:last-child .stat-value{font-size:1.2rem}.table-scroll{max-width:100%}}

/* Order-focused workspace, batch operations and compact recipe editing. */
.focus-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:22px}.attention-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.attention{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:9px;background:#f6f9f3;padding:18px;border-color:#e0e9d9}.attention b{font-size:1.8rem;color:#1e5340}.attention small{font-size:.7rem;font-weight:400;color:#7c8a78}.attention.has-warning{background:#fff5ed;border-color:#f3d6c7}.attention.has-warning b{color:#ae573d}.recent-doc{display:flex;flex-direction:column;padding:9px 0;border-bottom:1px solid #edf1ea;gap:5px;font-size:.8125rem}.recent-doc span{color:#7b8975}.overview-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.next-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.next-item{display:flex;align-items:center;justify-content:space-between;border:1px solid #e4ebdf;padding:13px;border-radius:9px;gap:12px}.next-item strong{font-size:.875rem;margin-left:9px}.next-item small{display:block;margin-top:8px;color:#819078;font-size:.75rem}.location-chips{display:flex;gap:6px;flex-wrap:wrap;min-width:270px}.overview-links{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.quality-summary{font-size:.75rem;color:#7c7567;margin-bottom:8px;white-space:nowrap}.supply-group{gap:16px;flex-wrap:wrap}.supply-group .actions{justify-content:flex-end}.batch-table{min-width:650px}.batch-table td{padding:13px}.batch-table input[type=number]{width:100px}.batch-table input[type=checkbox],.check-label input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:#285d40}.compact-bom{padding:16px}.bom-row-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}.bom-row-head button{margin-left:auto;padding:5px 8px}.route-caption{font-size:.75rem;color:#839275}.bom-main-grid{display:grid;grid-template-columns:1fr 1.2fr 1.8fr .8fr .7fr 1.4fr .8fr;gap:10px}.bom-main-grid label{min-width:0;font-size:.75rem}.bom-main-grid input,.bom-main-grid select{width:100%;min-width:0;padding:8px}.bom-details{margin-top:13px;border-top:1px solid #e2e9dd;padding-top:12px}.bom-details summary{cursor:pointer;font-size:.8125rem;color:#486a40;padding:3px 0}.bom-details .grid3{padding-top:16px}.bom-details textarea{width:100%}dialog.wide{width:min(1190px,96vw)}.expense-template{display:grid;grid-template-columns:2fr 1.3fr 1fr 1fr auto;gap:12px;align-items:end;margin:14px 0}.expense-template input,.expense-template select{width:100%;min-width:0}.import-steps{display:flex;gap:8px;margin-bottom:22px}.import-steps span{flex:1;padding:12px;background:#f1f4ee;color:#87907e;border-radius:7px;font-size:.8125rem;text-align:center}.import-steps .active{background:#e4efdc;color:#3b6633}.mapping-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.mapping-grid select{width:100%}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0}.check-label{flex-direction:row;align-items:center;gap:10px}.link-button{display:inline-flex;gap:9px;align-items:center;border:1px solid var(--border);border-radius:8px;background:white;text-decoration:none;padding:10px 16px;font-size:.875rem;font-weight:600}.toolbar .tabs{row-gap:8px}.panel-body .table-scroll{margin-top:15px}.local-badge{white-space:nowrap}

.catalog-toolbar{align-items:end;justify-content:flex-start;gap:18px}.catalog-toolbar .search{flex:1;min-width:230px}.catalog-toolbar .search input{width:100%}.catalog-toolbar label{min-width:140px}.product-meta-strip{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-bottom:22px;background:#eaf0e6;border:1px solid #dce6d6;border-radius:9px;padding:16px 20px;font-size:.875rem}.product-meta-strip strong{margin-left:8px}.product-meta-strip button{margin-left:auto}.cost-toolbar{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:20px}.cost-toolbar input{width:125px}.cost-toolbar span{color:#71826c;font-size:.875rem}.cost-toolbar .link-button{margin-left:auto}.cost-stats .stat-value{font-size:1.5rem;white-space:nowrap}.cost-group-total{font-size:.875rem;flex-wrap:wrap;line-height:1.8;gap:10px}.review-list{font-size:.875rem;line-height:1.9;padding-left:20px;color:#716b56}.review-list li{margin:8px 0}.small-table{min-width:400px}.small-table th,.small-table td{padding:12px}.cost-edit-tabs{position:sticky;top:-24px;background:white;z-index:2;padding:12px 0;margin-bottom:12px;border-bottom:1px solid #e3e9df}.cost-edit-card{background:#f8faf5;border:1px solid #dde6d6;border-radius:9px;padding:16px;margin-bottom:15px}.cost-row-fields{display:grid;grid-template-columns:3fr 1fr .9fr 1fr 1.8fr;gap:12px}.cost-row-fields input,.cost-row-fields select{width:100%;min-width:0}.cost-rates-table{min-width:640px}.cost-rates-table th,.cost-rates-table td{padding:10px}.cost-rates-table input[type=number]{width:110px}.cost-rates-table input[type=checkbox]{width:20px;height:20px;min-height:20px;accent-color:var(--green)}.cost-edit-card label{font-size:.875rem}.cost-stats .stat:last-child .stat-value{font-size:1.5rem}
@media(max-width:900px){.cost-row-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-row-fields label:first-child{grid-column:1/-1}.cost-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cost-stats .stat-value,.cost-stats .stat:last-child .stat-value{font-size:1.2rem}.catalog-toolbar .search{min-width:100%}.product-meta-strip button{margin-left:0}.cost-toolbar .link-button{margin-left:0}.cost-edit-tabs{top:-18px}}
@media(max-width:1150px){.focus-grid{grid-template-columns:1fr}.focus-grid .panel{margin-bottom:0}.focus-grid{margin-bottom:22px}.bom-main-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mapping-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.next-list{grid-template-columns:1fr}}
@media(max-width:780px){.attention-grid{grid-template-columns:1fr}.attention{display:grid;grid-template-columns:50px 1fr;padding:12px;align-items:center}.attention small{grid-column:2}.attention b{grid-row:span 2;font-size:1.5rem}.bom-main-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mapping-grid{grid-template-columns:1fr}.expense-template{grid-template-columns:repeat(2,minmax(0,1fr));padding-bottom:15px;border-bottom:1px solid #e5ebde}.module-grid{grid-template-columns:repeat(2,1fr)}.import-steps span{font-size:.75rem;padding:10px 4px}.next-item strong{display:block;margin:8px 0 0}.overview-head{flex-direction:column}.topbar-right>span:nth-child(2){display:none}}

.supplier-row-actions{flex-wrap:nowrap;white-space:nowrap}.supplier-product-links{margin-top:12px;flex-wrap:wrap;justify-content:flex-start}

/* Product catalog: compact list first, details only in the selected section. */
.catalog-workspace{font-size:1rem}.catalog-workspace p{line-height:1.8;font-size:.875rem}.catalog-workspace .eyebrow{display:none}.catalog-workspace .page-head{margin-bottom:22px}.catalog-workspace h1{font-size:1.85rem}.catalog-workspace .badge,.catalog-workspace th{font-size:.875rem}.catalog-workspace td small{font-size:.8125rem;line-height:1.6}.catalog-workspace .order-link{font-size:1rem;white-space:normal;text-align:left}.catalog-list-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 22px 14px;flex-wrap:wrap;color:#63776a;font-size:.875rem}.catalog-list-bar>span{display:flex;align-items:center;gap:12px}.catalog-table{min-width:740px}.catalog-table th:nth-child(1){width:29%}.catalog-table th:nth-child(2){width:19%}.catalog-table th:nth-child(3){width:15%}.catalog-table th:nth-child(4){width:25%}.catalog-product-bar{display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-bottom:20px;font-size:.875rem}.catalog-product-bar strong{margin-left:6px}.catalog-product-bar button{margin-left:auto}.catalog-detail-tabs{border-bottom:1px solid #dce5da;margin:0 0 24px;padding-bottom:10px;gap:8px}.catalog-detail-tabs .tab{padding:11px 18px;font-size:1rem}.catalog-detail-tabs .tab.active{background:#285b40;color:#fff;border-radius:7px}.catalog-overview-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:32px}.catalog-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:24px 0}.catalog-facts>div{min-width:0}.catalog-facts dt{font-size:.875rem;color:#64756a}.catalog-facts dd{font-size:1rem;margin:7px 0 0;overflow-wrap:anywhere}.catalog-note{white-space:pre-wrap;border-top:1px solid #e1e8dd;padding-top:14px}.catalog-cost-preview{background:#f2f6ef;border:1px solid #dae6d6;border-radius:10px;padding:24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:14px}.catalog-cost-preview>span{font-size:.875rem;color:#536a59}.catalog-cost-preview>strong{font-size:1.6rem;line-height:1.4;color:#244f37}.catalog-cost-preview>p{margin:0}.catalog-cost-preview>small{font-size:.875rem;color:#536a59}.catalog-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.catalog-task-grid .panel-body{display:flex;flex-direction:column;align-items:flex-start;height:100%;gap:14px}.catalog-task-grid .panel-body p{flex:1;margin:0;color:#617567}.catalog-task-grid .panel{margin-bottom:20px}.catalog-route-next{border-top:1px solid #e3e9df;margin-top:12px;padding-top:12px}.catalog-cost-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.catalog-cost-totals>div{background:#fff;border:1px solid #dde6d8;border-radius:9px;padding:19px 22px}.catalog-cost-totals span{display:block;font-size:.875rem;color:#5b7262;margin-bottom:10px}.catalog-cost-totals strong{font-size:1.4rem;line-height:1.5;overflow-wrap:anywhere}.catalog-cost-totals>div:last-child{background:#edf5e8;border-color:#c7dbc0}.catalog-cost-tabs{padding:16px 18px;border-bottom:1px solid #e1e8df}.catalog-cost-tabs .tab{font-size:.875rem}.catalog-cost-table{min-width:720px}.catalog-cost-table td:first-child{width:36%}.catalog-row-details{margin-top:8px;font-size:.8125rem;color:#62776a}.catalog-row-details summary{cursor:pointer;padding:3px 0}.catalog-row-details p{font-size:.8125rem;line-height:1.8}.catalog-more{margin-top:22px;border-top:1px solid #dce5d8;padding-top:18px}.catalog-more summary{cursor:pointer;color:#325c40;font-size:.875rem;line-height:1.8;padding:4px 0}.catalog-more[open] summary{margin-bottom:18px}.catalog-more .grid2{margin-top:15px}.catalog-file-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.catalog-upload{margin:24px 0 16px;padding:18px;border:1px dashed #9cb594;background:#f5f8f1;border-radius:9px}.catalog-bom-main{display:grid;grid-template-columns:1.5fr 1.9fr 1fr .75fr 1.3fr 1fr;gap:12px}.catalog-bom-main input,.catalog-bom-main select{width:100%;min-width:0}.catalog-bom-main label,.catalog-simple-form label,.bom-details label{font-size:.875rem}.catalog-simple-form>p{margin:0 0 22px;font-size:.875rem;line-height:1.8}.catalog-settings-main{margin-top:24px}.catalog-more>label{margin-top:18px}.catalog-workspace .empty{line-height:1.8}.catalog-workspace .empty button+button{margin-left:10px}.catalog-workspace button:focus-visible,summary:focus-visible{outline:3px solid #568855;outline-offset:3px}
@media(max-width:1150px){.catalog-bom-main{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-overview-grid{gap:20px}.catalog-task-grid{gap:12px}.catalog-cost-totals>div{padding:17px}.catalog-cost-totals strong{font-size:1.2rem}}
@media(max-width:800px){.catalog-overview-grid,.catalog-file-grid{grid-template-columns:1fr}.catalog-task-grid{grid-template-columns:1fr}.catalog-task-grid .panel-body{display:grid;grid-template-columns:1fr auto;gap:10px}.catalog-task-grid .panel-body p{grid-column:1}.catalog-task-grid .panel-body button{grid-column:2;grid-row:1/3}.catalog-cost-totals{grid-template-columns:1fr}.catalog-cost-totals>div{display:flex;justify-content:space-between;gap:15px;align-items:center}.catalog-cost-totals span{margin:0}.catalog-detail-tabs .tab{font-size:.875rem;padding:10px 12px}.catalog-product-bar{gap:12px}.catalog-bom-main{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-list-bar{padding:0 14px 14px}.catalog-workspace .panel-head{flex-wrap:wrap;align-items:flex-start}.catalog-cost-preview>strong{font-size:1.4rem}.catalog-cost-preview{padding:20px}}

/* Product deletion controls remain visible in desktop rows and mobile cards. */
.catalog-row-actions{flex-wrap:wrap;gap:8px;justify-content:flex-start}.catalog-row-actions button{white-space:nowrap}.catalog-deleted-hint{margin:0 22px 16px}.catalog-table th:nth-child(1){width:25%}.catalog-table th:nth-child(4){width:22%}.catalog-table th:last-child{min-width:155px}
@media(max-width:800px){.catalog-deleted-hint{margin:0 14px 14px}.catalog-row-actions{gap:8px}.catalog-row-actions button{min-height:40px}}

.supplier-address{min-width:180px;max-width:320px;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:800px){.mobile-stack td.supplier-address{min-width:0;max-width:none;white-space:pre-wrap!important}}

/* Product and part photos share an optional, touch-friendly preview. */
.photo-thumb,.photo-empty{width:80px;min-height:76px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid #dce4d9;border-radius:8px;background:#f8faf6;padding:5px;vertical-align:middle;color:#6b796a;overflow:hidden}.photo-thumb img{display:block;width:68px;height:62px;object-fit:contain;background:#fff;border-radius:4px}.photo-thumb span,.photo-empty span{font-size:.6875rem;line-height:1.4}.photo-thumb:hover{border-color:#598965;background:#edf5e8}.photo-thumb:focus-visible{outline:3px solid #568855;outline-offset:3px}.photo-large{width:220px;min-height:170px}.photo-large img{width:204px;height:155px}.photo-cell{width:94px;min-width:94px}.photo-editor{display:flex;align-items:center;gap:16px;padding:12px;margin:12px 0 18px;border:1px dashed #cad9c4;border-radius:8px;background:#fafcf8}.photo-editor-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex:1;min-width:0}.photo-editor-actions small{flex-basis:100%;color:#60745f;font-size:.75rem;line-height:1.6}.photo-file-label{max-width:100%;font-size:.8125rem;gap:6px}.photo-file-label input{max-width:100%;width:240px;font-size:.8125rem;padding:5px;min-height:40px}.product-photo-field{margin:0 0 24px}.product-photo-field h3{font-size:.9375rem;margin-bottom:8px}.product-appearance{display:flex;align-items:center;gap:24px;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #e0e7dc}.product-appearance>div{flex:1;min-width:0}.catalog-table th:first-child{width:94px}.catalog-table th:nth-child(2){width:25%}.catalog-table th:nth-child(3){width:17%}.catalog-table th:nth-child(4){width:13%}.catalog-table th:nth-child(5){width:22%}.catalog-cost-table td:first-child{width:94px}.catalog-cost-table td:nth-child(2){min-width:230px}.photo-view-body{padding:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f2f5ef}.photo-view-body>img{max-width:100%;max-height:70vh;object-fit:contain;background:#fff}#photo-viewer{width:min(960px,94vw);padding:0;max-height:94vh;overflow:auto;border:0;border-radius:12px}#photo-viewer::backdrop{background:rgba(13,26,17,.7)}#photo-viewer .modal-head h2{overflow-wrap:anywhere;font-size:1rem}
@media(max-width:800px){.photo-editor{align-items:flex-start;gap:10px;padding:10px}.photo-file-label input{width:100%;min-width:0}.photo-editor-preview{flex-shrink:0}.photo-editor-actions{gap:8px}.product-appearance{align-items:flex-start;gap:14px;flex-wrap:wrap}.photo-large{width:180px;min-height:150px}.photo-large img{width:164px;height:135px}.product-appearance>div{flex-basis:150px}.mobile-stack td.photo-cell{width:100%;min-width:0}.catalog-cost-table.mobile-stack td:nth-child(2){min-width:0}.photo-view-body{padding:10px}#photo-viewer{width:94vw}}
.photo-editor-actions .photo-error{color:#b42318;overflow-wrap:anywhere}

/* Purchase-order workspace; draft editing and order records remain separate. */
.purchase-center{min-width:0}.purchase-order-center{padding:16px}.purchase-center-tools{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:16px}.purchase-order-picker{flex:1;min-width:230px;max-width:660px}.purchase-order-picker select{width:100%;text-overflow:ellipsis}.purchase-vendor .panel-head h3{margin:0}.purchase-card{padding:18px;border-top:1px solid #e3e9df}.purchase-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.purchase-card-head>div:first-child{min-width:0;flex:1}.purchase-card-head strong{font-size:.9375rem;overflow-wrap:anywhere}.purchase-card-head p{overflow-wrap:anywhere}.purchase-card-head .actions{justify-content:flex-end}.purchase-card-head .order-link{font-size:.8125rem}.purchase-messages{margin-top:14px}.purchase-messages ul{margin:6px 0 0;padding-left:20px}.purchase-messages li{overflow-wrap:anywhere}.purchase-items{margin-top:14px}.purchase-items>summary,.purchase-production-records>summary{cursor:pointer;color:#285d43;font-size:.8125rem;font-weight:600;padding:10px 0}.purchase-item-table{min-width:620px;font-size:.8125rem}.purchase-item-table th,.purchase-item-table td{padding:12px}.purchase-item-table th:first-child{width:32%}.purchase-item-table td{overflow-wrap:anywhere;vertical-align:top}.purchase-item-table td:nth-child(3){white-space:nowrap}.purchase-item-table textarea{width:100%;min-width:150px;min-height:70px;font-size:.8125rem}.purchase-footnote{font-size:.75rem;color:#6c7f71;margin:12px 0 20px}.purchase-production-records{margin-top:24px;border:1px solid #dce5d7;border-radius:9px;background:#f9fbf7}.purchase-production-records>summary{padding:16px 18px}.purchase-production-body{padding:16px}.purchase-production-body>.page-head h1{font-size:1.125rem}.purchase-form-heading{margin:24px 0 12px}.purchase-contact-fields input{width:100%}.purchase-contact-summary{margin:12px 0 20px}.purchase-contact-summary>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;font-size:.8125rem;padding:7px 0;border-bottom:1px solid #edf0e8}.purchase-contact-summary dt{color:#748476}.purchase-contact-summary dd{margin:0;overflow-wrap:anywhere}.purchase-cost-toggle{margin:10px 0 3px}.purchase-cost-toggle input[type=checkbox]{min-height:18px;height:18px;width:18px;accent-color:#285d43}.purchase-cost-hint{font-size:.75rem!important;margin-bottom:16px!important}.purchase-order-center>.panel:first-child{border:0}.purchase-order-center>.panel:first-child .panel-head{padding:0 0 14px}.purchase-order-center .purchase-center-tools{padding-left:0;padding-right:0}
@media(max-width:780px){.purchase-order-center{padding:12px}.purchase-center-tools{padding:12px;gap:10px}.purchase-order-picker{min-width:0;max-width:100%;flex-basis:100%}.purchase-card{padding:14px}.purchase-card-head{flex-direction:column;gap:10px}.purchase-card-head .actions{justify-content:flex-start;width:100%}.purchase-card-head .actions button{flex:1 1 auto}.purchase-production-body{padding:12px}.purchase-production-records>summary{padding:14px;font-size:.8125rem}.purchase-contact-summary>div{grid-template-columns:60px minmax(0,1fr)}.purchase-form-heading{margin-top:18px}.purchase-cost-toggle{font-size:.8125rem!important}.purchase-item-table textarea{min-width:150px;font-size:16px}.purchase-messages ul{padding-left:18px}}