/* Segment 12 · Complex Fabrication */
.cf12{display:grid;gap:16px}
.cf12-hero,.cf12-editor-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border:1px solid #d8e5ef;border-radius:12px;background:linear-gradient(135deg,#f6fbff,#fff)}
.cf12-hero span,.cf12-editor-head span{font-size:9px;font-weight:900;letter-spacing:.14em;color:#2f72aa}
.cf12-hero h2,.cf12-editor-head h2{margin:5px 0;color:#24445f;font-size:20px}
.cf12-hero p,.cf12-editor-head p{margin:0;color:#6f879a;font-size:10px;line-height:1.5;max-width:760px}
.cf12-complete{padding:8px 10px;border-radius:999px;background:#eaf7ef;color:#2f7650;font-size:9px;font-weight:800;white-space:nowrap}
.cf12-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.cf12-kpis>div{background:#fff;border:1px solid #dce6ef;border-radius:10px;padding:14px}
.cf12-kpis span,.cf12-kpis b{display:block}.cf12-kpis span{color:#7d8f9f;font-size:9px}.cf12-kpis b{margin-top:4px;color:#274963;font-size:20px}
.cf12-card{background:#fff;border:1px solid #dce6ef;border-radius:12px;padding:17px;box-shadow:0 3px 14px rgba(23,63,98,.035)}
.cf12-cardhead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:13px}.cf12-cardhead h3,.cf12-summary h3{margin:0;color:#274963;font-size:14px}.cf12-cardhead p{margin:4px 0 0;color:#7b8f9f;font-size:9px}
.cf12-products{display:grid;gap:8px}.cf12-products article{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px;border:1px solid #e1eaf1;border-radius:10px;background:#fbfdff}.cf12-products h4{margin:2px 0 4px;color:#2b4a63;font-size:12px}.cf12-products p{margin:0;color:#617b8f;font-size:9px}.cf12-products small{font-size:8px;color:#8ba0b1}.cf12-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:8px}.cf12-tags span{font-size:8px;border:1px solid #d9e7f2;background:#f3f8fc;color:#51738e;border-radius:999px;padding:3px 7px}
.cf12-product-job{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;min-width:270px}.cf12-product-job>b{font-size:9px;color:#45657e}.cf12-unassigned{font-size:8px;font-weight:900;color:#8c601a;background:#fff5e3;border-radius:999px;padding:5px 8px}
.cf12-status{display:inline-flex;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;background:#eef4f8;color:#587188}.cf12-status.completed,.cf12-status.complete,.cf12-status.qc_passed{background:#e9f7ef;color:#2e774f}.cf12-status.in_fabrication,.cf12-status.cutting,.cf12-status.edge,.cf12-status.polish,.cf12-status.ready_qc{background:#eaf3fb;color:#2f6f9f}.cf12-status.hold,.cf12-status.rework,.cf12-status.qc_rejected{background:#fff3dd;color:#8d661d}
.cf12-job-list{display:grid;gap:7px}.cf12-job-list>div{display:grid;grid-template-columns:minmax(230px,1fr) 150px 42px auto auto;align-items:center;gap:9px;border:1px solid #e1e9f0;border-radius:9px;padding:11px 12px}.cf12-job-list b,.cf12-job-list small{display:block}.cf12-job-list b{font-size:10px;color:#2d506c}.cf12-job-list small{margin-top:3px;font-size:8px;color:#8194a3}.cf12-progress,.cf12-progress-big{height:8px;background:#edf3f7;border-radius:999px;overflow:hidden}.cf12-progress i,.cf12-progress-big i{display:block;height:100%;background:#4d84af;border-radius:999px}.cf12-job-list>div>span{font-size:8px;color:#607b90;text-align:right}.cf12-progress-big{height:12px;position:relative}.cf12-progress-big b{position:absolute;right:8px;top:-1px;font-size:8px;color:#33536d}
.cf12-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:16px;align-items:start}.cf12-editor-layout main{display:grid;gap:14px}.cf12-summary{position:sticky;top:78px}.cf12-summary .cf12-card{display:grid;gap:10px}.cf12-summary .cf12-card>div:not(.cf12-warning){display:flex;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid #edf2f6}.cf12-summary span{font-size:9px;color:#778d9f}.cf12-summary b{font-size:10px;color:#2d4c64}.cf12-summary small{color:#8698a7;font-size:8px;line-height:1.45}.cf12-warning{padding:9px;border-radius:8px;background:#fff3dd;color:#8d661d;font-size:8px;font-weight:800}
.cf12-line-list{display:grid;gap:8px}.cf12-line{display:grid;grid-template-columns:1fr 260px;gap:10px;align-items:center;padding:11px 12px;border:1px solid #e0e9f0;border-radius:9px;background:#fbfdff}.cf12-line>label{display:flex;align-items:flex-start;gap:9px}.cf12-line b,.cf12-line small{display:block}.cf12-line b{font-size:10px;color:#31516a}.cf12-line small{margin-top:3px;font-size:8px;color:#788d9e}.cf12-line>input,.cf12-source input,.cf12-source select,.cf12-output-grid input,.cf12-output-grid select,.cf12-output-top select,.cf12-detail-grid input,.cf12-detail-grid textarea,.cf12-op-grid input,.cf12-op-grid select,.cf12-board select{width:100%;border:1px solid #d7e3ec;border-radius:8px;padding:8px 9px;font:inherit;font-size:9px;color:#35546d;background:#fff}
.cf12-source-list{display:grid;gap:8px}.cf12-source{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(280px,1.7fr) auto;gap:8px}.cf12-source-usage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:11px}.cf12-source-usage>div{display:grid;grid-template-columns:auto auto;gap:4px 10px;padding:10px;border-radius:9px;background:#f3faf6;border:1px solid #dcefe4}.cf12-source-usage>div.warn{background:#fff7e8;border-color:#f1dfb9}.cf12-source-usage b{font-size:9px;color:#31576e}.cf12-source-usage span{font-size:8px;color:#71889a}.cf12-source-usage small{grid-column:1/-1;font-size:8px;color:#67816f}.cf12-source-usage .warn small{color:#8a641f}
.cf12-output-list{display:grid;gap:10px}.cf12-output{border:1px solid #dfe8ef;border-radius:10px;padding:12px;background:#fff}.cf12-output.remnant{background:#f7fbf8}.cf12-output.waste{background:#fffaf2}.cf12-output-top{display:flex;align-items:center;gap:8px;margin-bottom:9px}.cf12-output-top>b{margin-right:auto;color:#31516a;font-size:10px}.cf12-output-top select{width:auto;min-width:135px}.cf12-output-grid{display:grid;grid-template-columns:1.25fr 1fr 1.35fr repeat(5,.65fr);gap:8px}.cf12-output-grid label,.cf12-detail-grid label,.cf12-op-grid label{font-size:8px;font-weight:800;color:#6a8194}.cf12-output-grid .wide{grid-column:1/-1}
.cf12-ops{display:grid;gap:9px}.cf12-op{border:1px solid #e1e9ef;border-radius:9px;padding:11px;background:#fafcfe}.cf12-op.active{background:#fff}.cf12-check{display:flex;align-items:center;gap:9px}.cf12-check b,.cf12-check small{display:block}.cf12-check b{font-size:10px;color:#2f5069}.cf12-check small{margin-top:2px;font-size:8px;color:#8999a6}.cf12-op-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}.cf12-op-note{grid-column:1/-1;color:#7d6b39;font-size:8px;background:#fff8e9;border-radius:7px;padding:7px 8px}
.cf12-detail-grid{display:grid;grid-template-columns:220px 180px 1fr;gap:10px}.cf12-detail-grid .wide{grid-column:3}.cf12-detail-grid textarea{min-height:82px;resize:vertical}.cf12-empty{padding:18px;text-align:center;color:#8b9aa7;font-size:9px;border:1px dashed #d7e3ec;border-radius:9px}
.cf12-board{display:grid;gap:8px}.cf12-board article{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:16px;align-items:center;padding:12px;border:1px solid #e0e9f0;border-radius:9px;background:#fbfdff}.cf12-board article.remnant{background:#f7fbf8}.cf12-board article.waste{background:#fffaf2}.cf12-board article b,.cf12-board article span,.cf12-board article small{display:block}.cf12-board article b{margin:2px 0 4px;color:#2d4d65;font-size:10px}.cf12-board article span{font-size:8px;color:#71889a;margin-top:2px}.cf12-board article small{font-size:8px;color:#8a9aa8}.cf12-board article>div:last-child small{margin-top:5px}
.cf12-ready,.cf12-note{padding:12px 14px;border-radius:10px;font-size:9px;line-height:1.5}.cf12-ready{background:#eaf7ef;color:#376c4f}.cf12-note{background:#eef5fa;color:#526f85}
@media(max-width:1100px){.cf12-editor-layout{grid-template-columns:1fr}.cf12-summary{position:static}.cf12-output-grid{grid-template-columns:repeat(3,1fr)}.cf12-op-grid{grid-template-columns:repeat(2,1fr)}.cf12-detail-grid{grid-template-columns:1fr 1fr}.cf12-detail-grid .wide{grid-column:1/-1}}
@media(max-width:760px){.cf12-kpis{grid-template-columns:repeat(2,1fr)}.cf12-products article,.cf12-hero,.cf12-editor-head{flex-direction:column;align-items:flex-start}.cf12-product-job{min-width:0;justify-content:flex-start}.cf12-job-list>div{grid-template-columns:1fr}.cf12-line,.cf12-source,.cf12-board article{grid-template-columns:1fr}.cf12-source-usage{grid-template-columns:1fr}.cf12-output-grid,.cf12-op-grid,.cf12-detail-grid{grid-template-columns:1fr}.cf12-output-grid .wide,.cf12-detail-grid .wide{grid-column:auto}}