body{margin:0;background:#f1f5f7;color:#193647;font:14px 'Segoe UI',Arial,sans-serif}
#daily-pipe-draft{max-width:1600px;margin:auto;border-radius:0!important}#gpu-app{background:#fff;min-height:80vh}#gpu-app [hidden]{display:none!important}
.draft-ribbon{padding:7px 20px;background:#fff1cf;border-bottom:1px solid #e3c779;color:#6c501c;text-align:center;font-size:12px}
.gpu-toolbar{display:flex;gap:16px;align-items:end;flex-wrap:wrap;padding:16px 22px;border-bottom:1px solid #d3e0e8}.gpu-toolbar label,.report-controls label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#526c7a}.material-switch{display:flex;gap:5px}
.gpu-toolbar .active,.gpu-list-tabs .active,.component-card.active{background:#123d56!important;color:#fff!important;border-color:#123d56!important}
.gpu-heading{display:flex;justify-content:space-between;align-items:center;padding:18px 22px 12px}.gpu-heading h2{margin:0 0 5px;font-size:24px;font-weight:500}.gpu-heading p{margin:0;color:#526c7a}
.gpu-model-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;border-block:1px solid #d3e0e8}.gpu-model-panel{position:relative;background:#103f60;min-width:0}#gpu-viewer{height:480px;position:relative;overflow:hidden;touch-action:none}#gpu-viewer canvas{display:block}
.gpu-view-buttons{display:flex;gap:5px;position:absolute;top:12px;left:14px;z-index:5}.gpu-view-buttons button{min-height:32px!important;padding:5px 9px!important;background:#14374dd9!important;color:white!important;border-color:#87a4b3!important;font-size:12px!important}.gpu-model-note{padding:8px 18px;background:#12374f;color:#c6dde9;font-size:12px}
.gpu-inspector{padding:22px;border-left:1px solid #d3e0e8}.gpu-inspector h3{font-size:22px!important;line-height:1.3}.gpu-inspector p{color:#526c7a;line-height:1.6}.gpu-inspector #selected-source{font-size:12px;color:#6a7f8d;line-height:1.6;white-space:pre-line;margin-bottom:12px}.progress-demo{border-top:1px solid #d3e0e8;margin-top:18px;padding-top:16px}.progress-demo input{width:100%}.progress-demo button{margin-top:12px;width:100%}.progress-demo p{font-size:12px}
.gpu-components{padding:20px 22px;border-bottom:1px solid #d3e0e8}.gpu-components h3{font-size:18px!important;margin-bottom:4px!important}.gpu-components p{margin:0 0 14px;color:#526c7a}#component-list{display:flex;gap:10px;flex-wrap:wrap}.component-card{flex:1;min-width:160px;text-align:left;padding:12px!important}.component-card small{display:block;margin-top:6px;font-size:12px;opacity:.75}
.gpu-data{padding:18px 22px 28px}.gpu-list-tabs{display:flex;gap:6px;border-bottom:1px solid #d3e0e8;padding-bottom:10px;flex-wrap:wrap}.gpu-data table,.shop-table{margin-top:12px}#quantity-list tbody tr{cursor:pointer}#quantity-list tbody tr:hover{background:#edf6fb}#quantity-list tbody tr.selected{background:#fff2c8;box-shadow:inset 3px 0 #d49c29}.quantity-foot{font-size:12px;color:#526c7a;line-height:1.6;margin-top:12px}.note-list{line-height:1.8;padding:12px 25px}
.gpu-page-heading{padding:22px}.gpu-page-heading h2{margin:0 0 5px;font-weight:500}.gpu-page-heading p{margin:0;color:#526c7a}.report-controls{display:flex;gap:15px;padding:0 22px 22px;align-items:end;flex-wrap:wrap}.gpu-report-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 22px 22px}.gpu-report-grid>div{padding:20px;border:1px solid #d3e0e8;border-radius:6px}.gpu-report-grid h3{font-size:18px!important}.workflow-note{margin:0 22px 25px;padding:20px;background:#f0f5f8;border:1px solid #d3e0e8;line-height:1.7}.queue-row{padding:12px;border-bottom:1px solid #d3e0e8;display:flex;align-items:center;gap:10px}.queue-row span{flex:1}.status-pill{font-size:12px;background:#fff0c5;padding:4px 7px;border-radius:4px}.status-pill.approved{background:#d8efdf;color:#225b36}
#shop>.gpu-list-tabs{margin:0 22px}#shop-content{padding:22px}.weld-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.weld-card{border:1px solid #d3e0e8;border-radius:5px;padding:15px}.weld-card img{width:100%;height:175px;object-fit:contain;background:#f3f6f8}.weld-card h3{font-size:18px!important}.shop-submission{max-width:700px;border:1px solid #d3e0e8;padding:22px;border-radius:6px}.shop-submission label{margin-bottom:14px}.shop-submission input,.shop-submission select{width:100%}
.gpu-fw-note{padding:12px 20px;margin:0;background:#f0f5f8;font-size:12px}#fw-viewer{width:100%;height:1500px;border:0}#drawing-dialog,#weld-dialog{border:1px solid #bdced8;border-radius:6px;width:min(1200px,94vw);max-height:92vh;padding:15px}#drawing-dialog::backdrop,#weld-dialog::backdrop{background:transparent!important;backdrop-filter:none!important;opacity:0!important}.drawing-dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}#drawing-image{width:100%;height:auto}.empty-state{padding:20px;background:#f0f5f8;border-radius:5px;color:#526c7a}#gpu-app .primary{background:#126c98!important;color:#fff!important}.app-header .nav-button-active{box-shadow:inset 0 -3px #e9b344}.print-note{font-size:12px;color:#526c7a}.local-feedback{color:#255a78;font-size:12px;margin-top:12px}
@media(max-width:800px){.gpu-model-layout{grid-template-columns:1fr}.gpu-inspector{border-left:0;border-top:1px solid #d3e0e8}.gpu-report-grid{grid-template-columns:1fr}.weld-cards{grid-template-columns:1fr 1fr}.gpu-toolbar{gap:10px;padding:12px}#gpu-viewer{height:420px}.gpu-view-buttons{max-width:calc(100% - 28px);flex-wrap:wrap}.gpu-data{overflow:auto;padding:15px}.gpu-heading{padding:15px}.gpu-heading h2{font-size:21px}.gpu-heading>div:last-child{font-size:12px;text-align:right;max-width:130px}}@media(max-width:450px){.weld-cards{grid-template-columns:1fr}.component-card{min-width:140px}}

.manufacturer-photo{margin:16px 0;padding:12px;border:1px solid #d8e1e6;border-radius:8px;background:white}.manufacturer-photo img{width:100%;height:180px;object-fit:contain}.manufacturer-photo figcaption{font-size:12px;line-height:1.5}.manufacturer-photo figcaption p{font-size:11px}.photo-missing{font-size:12px;color:#765019;background:#fff4d9;padding:10px;border-radius:6px}

.gpu-toolbar{gap:20px;align-items:center;padding:18px 22px;background:#f8fafb}.material-switch{gap:0;padding:3px;background:#e5edf1;border-radius:8px}.material-switch button{border:0!important;border-radius:5px!important;background:transparent!important;padding:12px 18px!important;font-weight:600!important}.gpu-toolbar label{min-width:190px;gap:6px;font-size:13px}.gpu-toolbar select{min-height:44px!important;background:white!important}.gpu-toolbar #source-drawing{margin-top:20px;min-height:44px}.gpu-fw-note{display:none}@media(max-width:700px){.gpu-toolbar{gap:14px;padding:14px}.material-switch{width:100%}.material-switch button{flex:1;padding:12px 8px!important}.gpu-toolbar label{flex:1;min-width:150px}.gpu-toolbar #source-drawing{margin-top:20px}}

/* Same drawing, selection and quantity hierarchy as the Version Four FAB viewer. */
.gpu-model-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start}.gpu-inspector{background:#fff;color:#172936;padding:23px}.gpu-inspector .eyebrow{color:#285a6b;letter-spacing:1px}.gpu-inspector h3{font-size:18px!important;font-weight:600}.pn-label{color:#657e8c;font-size:11px;text-transform:uppercase;letter-spacing:1.6px;margin-top:21px}.pn{font-size:34px;font-weight:650;letter-spacing:-1px;margin:3px 0 10px;color:#145b73;overflow-wrap:anywhere}.bundle-drawing{margin:16px 0}.bundle-drawing button{padding:0!important;width:100%;overflow:hidden;border-radius:7px}.bundle-drawing img{display:block;width:100%;height:auto}.bundle-drawing figcaption{margin-top:8px;font-size:12px;color:#617380;line-height:1.5;overflow-wrap:anywhere}.selection-actions{display:flex;gap:7px;margin:17px 0}.parts-label{font-size:12px;font-weight:600;margin:20px 0 10px}.part-group{display:block;border:0!important;background:transparent!important;padding:5px 0!important;color:#71828d;text-transform:uppercase;letter-spacing:1px;font-size:12px!important;text-align:left}.tw-part-button{display:flex;justify-content:space-between;gap:10px;text-align:left;width:100%;border:none!important;background:transparent!important;border-radius:5px;padding:9px 8px!important;font-size:14px!important}.tw-part-button span:last-child{color:#5e7481;text-align:right}.tw-part-button:hover{background:#eaf3f5!important}.tw-component-controls{display:flex;align-items:center;gap:8px;padding:15px 18px;background:#f3f8fa;color:#172936}.tw-component-controls select{margin-left:6px}.gpu-view-buttons{top:77px}.gpu-data .bom-section{margin-top:32px;padding-top:24px;border-top:1px solid #d5e0e6}.gpu-data .bom-section:first-child{margin-top:0}.gpu-data table{width:100%;border-collapse:collapse;table-layout:fixed}.gpu-data th:first-child{width:55%;overflow-wrap:anywhere;text-align:left}.gpu-data th,.gpu-data td{padding:13px 12px;border-bottom:1px solid #d5e0e6}.gpu-data tbody td,.gpu-data thead th:not(:first-child){text-align:right}.gpu-data strong{display:inline-block;margin-top:4px;color:#145b73}.gpu-data p{color:#617380;line-height:1.5}.review-notes{margin-top:22px}.manufacturer-photo img{height:200px}.gpu-inspector #selected-source{white-space:normal}.gpu-inspector hr{border:0;border-top:1px solid #e3eaee;margin:22px 0}@media(max-width:800px){.gpu-model-layout{grid-template-columns:1fr}.gpu-inspector{border-left:0}.tw-component-controls{flex-wrap:wrap}.gpu-data th:first-child{width:46%}.gpu-data table{min-width:520px}}

.workflow-host{padding:22px}.workflow-material,.workflow-categories,.inventory-categories{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.workflow-material button.active,.workflow-categories button.active,.inventory-categories button.active,.production-pages button.active{background:#145e6a!important;color:white!important}.workflow-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.workflow-card{padding:18px;border:1px solid #d5e0e6;border-radius:8px;background:white}.workflow-card h3{font-size:18px!important}.workflow-card img{width:100%;height:180px;object-fit:contain}.workflow-card p{color:#617380;line-height:1.5}.workflow-card label{display:flex;flex-direction:column;gap:5px;margin-top:15px}.workflow-card input{width:100%}.workflow-source{padding:0!important;width:100%;border:0!important;background:white!important}.workflow-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}.batch-bar{display:flex;gap:15px;flex-wrap:wrap;align-items:end;padding:22px;margin-top:20px;background:#f0f5f8;border:1px solid #d5e0e6}.batch-bar label{display:flex;flex-direction:column;gap:6px}.production-pages{margin:0 22px}.queue-row{flex-wrap:wrap}.queue-row>div{flex:1;min-width:200px}.queue-row p{font-size:12px;line-height:1.5}.report-source{width:100%;max-width:160px;display:block}.saved-report{padding:20px;border:1px solid #d5e0e6;margin-bottom:18px}.shipment-rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:15px;margin:20px 0}.shipment-rows label{display:flex;flex-direction:column;gap:7px}#request-dialog{max-width:600px;width:92%;border:1px solid #bdced8;border-radius:8px;padding:24px}#request-dialog::backdrop{background:transparent!important;backdrop-filter:none!important;opacity:0!important}#request-dialog label{display:flex;flex-direction:column;gap:7px;margin:15px 0}#request-dialog textarea{min-height:85px}#request-dialog input,#request-dialog textarea{width:100%}#request-dialog [hidden]{display:none!important}.production-subnav{display:none!important}#request-dialog small{color:#617380;line-height:1.5}#production-shipments>label{display:inline-flex;flex-direction:column;gap:8px;margin-right:15px}#workflow-feedback{min-height:18px}

.original-fab-sheet{padding:24px 22px;border-top:1px solid #d5e0e6;background:#fff}.original-fab-sheet h2{font-size:20px!important}.full-fab-drawing{margin:14px 0 0}.full-fab-drawing button{display:block;padding:0!important;width:100%;background:white!important;border:1px solid #d5e0e6!important;border-radius:7px;overflow:hidden}.full-fab-drawing img{display:block;width:100%;max-height:850px;object-fit:contain}.full-fab-drawing figcaption{font-size:14px;color:#617380;line-height:1.7;margin-top:12px}.full-fab-drawing a,.bundle-drawing a{color:#145b73;text-decoration:underline}.tw-navigation{display:flex;gap:7px;flex-wrap:wrap;align-items:center;padding:12px 18px;background:#f3f8fa;color:#172936}.tw-navigation button.active{background:#145e6a!important;color:white!important}.tw-navigation label{display:flex;align-items:center;gap:6px;font-size:12px}#tw-compass{margin-left:auto}.gpu-model-panel{background:#f3f8fa}.gpu-model-note{background:#edf4f7;color:#576c7b}.gpu-view-buttons button{background:#fff!important;color:#172936!important;border-color:#c7d3dc!important}

#section-inventory{display:inline-flex!important}

.physical-piece-key{padding:12px 18px;background:#fff;border-top:1px solid #cbdde3;border-left:3px solid #8865a8;color:#644684;display:flex;gap:12px;flex-wrap:wrap;font-size:12px}.physical-piece-key small{width:100%;color:#647a86;line-height:1.5}#selected-piece{display:inline-block;color:#67488a;background:#f0e9f8;border-radius:4px;padding:4px 8px;margin:0 0 12px;font-size:12px}#selected-piece:empty{display:none}

/* Original Version Four compact compass and model action controls. */
#tw-compass-tools{position:absolute;left:14px;top:14px;display:flex;align-items:flex-start;gap:10px;z-index:7}.tw-orientation-control{width:92px;padding:5px;border:1px solid #78c5e8;border-radius:13px;background:#062f52f2;box-shadow:0 8px 22px #00182c70,inset 0 0 24px #1b6fa755;color:#eaf8ff;text-align:center;box-sizing:border-box}#tw-compass{width:78px;height:70px;position:static;margin:auto;pointer-events:auto}#tw-compass canvas{width:78px!important;height:70px!important;pointer-events:auto}.axis-help{font-size:9px;line-height:1.25;margin:-1px 0 4px;color:#ccecff}.axis-view-buttons{display:flex;justify-content:center;gap:3px}.axis-view-buttons button{width:24px;min-height:24px!important;padding:2px!important;border-radius:7px!important;border:1px solid #6499b8!important;background:#0c4169!important;color:white!important;font-size:9px!important}.axis-view-buttons button:hover{background:#17618f!important}.axis-view-buttons i{display:inline-block;width:6px;height:6px;margin-right:2px;border-radius:50%}.axis-front i{background:#4d8fd0}.axis-top i{background:#65a875}.axis-right i{background:#d66a5f}.compass-zoom{display:flex;flex-direction:column;gap:6px;padding:5px;border:1px solid #78c5e8;border-radius:999px;background:#062f52f2;box-shadow:0 8px 22px #00182c70}.compass-zoom button{width:36px;height:36px;min-height:36px!important;padding:0!important;border-radius:50%!important;border:1px solid #8dd4f1!important;background:#146795!important;color:white!important;font-size:21px!important;line-height:1}.compass-zoom button:hover{background:#2484b5!important}.tw-model-actions{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:7px;z-index:7}.tw-model-actions button{min-height:34px!important;border:1px solid #6499b8!important;border-radius:999px!important;background:#062f52f2!important;color:white!important;font-size:12px!important;padding:7px 11px!important}.tw-model-actions #reset-view{width:34px;padding:0!important;font-size:20px!important}@media(max-width:600px){#tw-compass-tools{left:8px;top:8px;gap:6px}.tw-orientation-control{width:88px;padding:4px}#tw-compass{width:76px;height:68px}#tw-compass canvas{width:76px!important;height:68px!important}.axis-view-buttons button{width:23px;padding:1px!important}.compass-zoom button{width:34px;height:34px;min-height:34px!important}.tw-model-actions{right:8px;bottom:8px}}
.tw-part-button small{display:block;font-size:12px;line-height:1.5;color:#617380;margin-top:3px}

#section-tpq{display:inline-flex!important}#tpq-viewer{display:block;width:100%;min-height:50vh;height:1000px;border:0;background:#f4f8fa}
