.tag-panel{background:#fff;border:1px solid #bfd3d5;border-radius:14px;padding:22px;margin:18px 0;color:#163e4a}.tag-panel[hidden]{display:none}.tag-toolbar,.tag-fields,.tag-metrics,.tag-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:16px 0}.tag-fields label{display:grid;gap:6px;flex:1 1 190px}.tag-panel input:not([type=checkbox]):not([type=range]),.tag-panel select,.tag-panel textarea{padding:10px;border:1px solid #bacfd0;border-radius:7px;max-width:100%;box-sizing:border-box}.tag-panel button{padding:10px 14px;background:#f7fafb;color:#14636a;border:1px solid #acc9cc;border-radius:7px;cursor:pointer}.tag-panel button[aria-current=page],.tag-panel .tag-primary{background:#206f68;color:white}.tag-panel button:disabled{opacity:.5;cursor:default}.tag-panel button:focus-visible,.tag-piece:focus{outline:3px solid #c85d24;outline-offset:2px}.tag-panel table{border-collapse:collapse;width:100%}.tag-panel th,.tag-panel td{padding:9px;border-bottom:1px solid #d6e3e5;text-align:left;vertical-align:top}.tag-panel td small{display:block}.tag-scroll{overflow:auto;max-height:420px}.tag-metrics>span{background:#edf5f3;border-radius:9px;padding:12px;flex:1 1 150px}.tag-metrics b{display:block;font-size:20px}.tag-error{padding:14px;background:#fff0e8;border-left:4px solid #b7472d}.tag-note{padding:14px;background:#edf5f3}.tag-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:18px}.tag-canvas{overflow:auto;max-height:650px;max-width:100%;border:1px solid #bacfd0;background:#faf9f6;overscroll-behavior:contain}.tag-canvas svg{display:block;max-width:none}.tag-package{fill:#faf7eb;stroke:#405966;stroke-width:2}.tag-package.is-selected{stroke:#147168;stroke-width:6}.tag-piece rect{stroke:#355769;stroke-width:1.5}.tag-piece{cursor:pointer}.tag-piece text,.tag-cut text{fill:#173e4d}.tag-trim{fill:#dbb5a0;stroke:#9b5037;stroke-dasharray:3 3}.tag-glue{fill:#36a59c;opacity:.6}.tag-cut path{stroke:#a34529;stroke-width:2.5;stroke-dasharray:10 7;fill:none}.tag-cut.is-active path{stroke:#b62720;stroke-width:7}.tag-pleat{stroke:#6b7981;stroke-width:1;stroke-dasharray:3 4;fill:none}.tag-package-end{stroke:#243d46;stroke-width:4}.tag-drawing-tools{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:12px 0}.tag-legend{font-size:13px}.tag-panel .tag-detail{padding:14px;border:1px solid #c7d9d9;border-radius:9px}.tag-panel .tag-detail h3{margin-top:0}.tag-panel .tag-selected{background:#e5f0ee}.tag-panel .tag-check{display:flex;align-items:center;gap:9px}.tag-panel .tag-qr{padding:8px;background:white}.tag-panel .tag-muted{font-size:13px;color:#506877}.tag-panel .tag-report{display:grid;gap:8px}.tag-panel .tag-report label{display:flex;justify-content:space-between;gap:8px}.tag-panel .tag-report select{padding:5px}.tag-print-card{display:none}@media(max-width:850px){.tag-split{grid-template-columns:1fr}.tag-panel{padding:12px}.tag-fields label{flex-basis:100%}}@media print{body.tag-print>*{display:none!important}body.tag-print .tag-print-card{display:block!important;font:12px Arial;color:#000}.tag-print-card svg{max-width:100%;max-height:210mm}.tag-print-card table{border-collapse:collapse;width:100%;font-size:11px}.tag-print-card td,.tag-print-card th{border:1px solid #999;padding:4px}.tag-print-card .tag-canvas{max-height:none;overflow:visible;border:0}.tag-print-card .tag-drawing-tools,.tag-print-card button{display:none}.tag-print-card{break-after:page}}
.tag-workspace-active > :not([data-subcontract-workspace]):not(.tag-panel):not(.subcontract-component-comparison):not(.tag-remediation-qualification){display:none!important}
.tag-panel .tag-comparison{margin:18px 0;padding:16px;border:1px solid #bacfd0;border-radius:9px;min-width:0}
.tag-comparison h3,.tag-comparison p{margin:0 0 12px}
.tag-comparison .mp-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:14px;margin:16px 0}
.tag-comparison-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.tag-panel .tag-comparison label{display:grid;gap:6px;min-width:0;align-content:start}
.tag-panel .tag-comparison input,.tag-panel .tag-comparison textarea{width:100%;min-width:0;min-height:44px;font:inherit}
.tag-panel .tag-comparison textarea{min-height:100px;resize:vertical}
@media(max-width:600px){.tag-comparison-notes{grid-template-columns:1fr}.tag-panel .tag-comparison{padding:12px}}
.tag-drawing{container-type:inline-size;min-width:0}.tag-drawing-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:16px;align-items:start}.tag-drawing-legend{background:#fff;border:1px solid #bacfd0;border-radius:9px;padding:14px;max-height:650px;overflow:auto;font-size:13px;overflow-wrap:anywhere}.tag-drawing-legend h3{margin:0 0 12px}.tag-drawing-legend ul{list-style:none;margin:0;padding:0}.tag-drawing-legend li{display:flex;gap:10px;align-items:center;margin:9px 0}.tag-drawing-legend details{margin-top:18px}.tag-drawing-legend summary{font-weight:700;cursor:pointer}.tag-swatch{display:inline-block;flex:0 0 32px;width:32px;height:18px;border:1px solid #9aaeb2;background:white}.tag-swatch.boundary{height:0;border:0;border-top:4px solid #243d46}.tag-swatch.cut{height:0;border:0;border-top:3px dashed #a34529}.tag-swatch.active{height:0;border:0;border-top:6px solid #b62720}.tag-swatch.pleat{height:0;border:0;border-top:2px dotted #6b7981}.tag-swatch.glue{background:#36a59c99}.tag-swatch.waste{background:repeating-linear-gradient(135deg,#faf3e3 0 7px,#bc9d67 7px 9px)}.tag-swatch.trim{background:#dbb5a0;border:1px dashed #9b5037}.tag-swatch.actual{border:3px dashed #277c52}.tag-swatch.unusable{background:#f5d8d2}.tag-swatch.stock{background:#e2e2e2}.tag-cut-list{list-style:none;margin:10px 0;padding:0}.tag-cut-list button{width:100%;text-align:left;font-size:13px;padding:9px;background:#fff;color:#173e4d;border:1px solid #bacfd0;border-radius:6px}.tag-cut-list button[aria-pressed=true]{background:#fff1e9;border:2px solid #b62720;color:#842619}.tag-cut-list small{display:block;margin-top:5px}.tag-cut.is-active path{stroke-dasharray:none}.tag-package-label{font-weight:700;fill:#173e4d}.tag-drawing-legend .tag-cut-list li{display:block}.tag-drawing .tag-canvas{min-width:0}.tag-drawing .tag-cut,.tag-drawing .tag-pleat{pointer-events:none}
@container(max-width:650px){.tag-drawing-layout{grid-template-columns:1fr}.tag-drawing-legend{max-height:360px;order:0}.tag-drawing-legend>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 12px}.tag-drawing-legend details:not([open]){margin:8px 0}}
@media print{.tag-drawing-layout{display:block}.tag-drawing-legend{max-height:none;overflow:visible;break-inside:avoid}.tag-drawing-legend .tag-cut-list button{display:block!important;border:0!important;color:#000!important;background:none!important}.tag-drawing-legend>ul{display:grid;grid-template-columns:1fr 1fr}.tag-drawing .tag-canvas{overflow:visible;max-height:none}}
@media print{.tag-print-card table button{display:inline!important;border:0;background:none;color:#000;font:inherit;padding:0}}
.tag-split>div{position:sticky;top:12px;align-self:start}.tag-split .tag-detail{max-height:850px;overflow:auto}.tag-detail table{font-size:14px}.tag-detail td:first-child{width:42px}.tag-detail td small{margin-top:5px}@media(max-width:850px){.tag-split>div{position:static}.tag-split .tag-detail{max-height:none}}

.tag-layers{display:flex;flex-wrap:wrap;gap:10px 18px;border:1px solid #bacfd0;border-radius:8px;padding:10px 14px}.tag-layers label{display:flex;gap:6px;align-items:center}.tag-visual-status{font-size:13px;color:#506877}.tag-drawing.hide-pleats .tag-layer-pleats,.tag-drawing.hide-glue-top .tag-layer-glue-top,.tag-drawing.hide-glue-bottom .tag-layer-glue-bottom,.tag-drawing.hide-labels .tag-piece text{display:none}.tag-swatch.glue-top{background:#ba7b12}.tag-swatch.glue-bottom{background:#784bc1}.tag-side-section svg{display:block;margin:auto}.tag-drawing-legend .tag-side-section{border-top:1px solid #bacfd0;padding-top:12px}@media print{.tag-layers{display:none}}

.tag-production-steps{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.tag-production-steps [aria-current=step]{background:#206f68;color:white}.tag-panel details>summary{cursor:pointer;padding:12px 0;min-height:44px;box-sizing:border-box}.tag-panel input,.tag-panel select,.tag-panel button{font:inherit}.tag-panel :is(input,select,button,a):focus-visible{outline:3px solid #c85d24;outline-offset:3px}

/* Keep the drawing ahead of bounded details on narrow planning screens. */
.tag-plan-layout{grid-template-columns:minmax(0,1fr)}
.tag-plan-layout>div{position:static}
.tag-plan-layout .tag-detail{max-height:320px}
.tag-drawing-legend .tag-source-list,.tag-drawing-legend .tag-cut-list{max-height:240px;overflow:auto}
.tag-remediation h3,.tag-remediation h4{margin:0 0 12px}
.tag-remediation-actions{display:flex;flex-wrap:wrap;gap:8px}
.tag-remediation form{margin-top:16px;padding:14px;border:1px solid #bfd3d5;border-radius:8px;background:white}
.tag-remediation details ul{max-height:220px;overflow:auto;padding-left:22px}
.tag-workspace-active>.tag-remediation-qualification{display:block!important}
.tag-workspace-active>.tag-remediation-qualification[hidden]{display:none!important}
@media print{.tag-drawing-legend details{display:block}.tag-drawing-legend details>*{display:block!important}.tag-drawing-legend .tag-source-list,.tag-drawing-legend .tag-cut-list{max-height:none;overflow:visible}}
.tag-waste-region{pointer-events:all;cursor:help}.tag-waste-region:focus{outline:2px solid #8b4d26;outline-offset:-2px}
.tag-waste-tooltip{position:fixed;z-index:1500;max-width:min(360px,calc(100vw - 24px));box-sizing:border-box;padding:10px 14px;border-radius:8px;background:#173e4d;color:#fff;font:14px/1.45 Arial,sans-serif;box-shadow:0 4px 18px #173e4d33;pointer-events:none}.tag-waste-tooltip[hidden]{display:none}@media print{.tag-waste-tooltip{display:none}}