/* v267 — compact Style Tracking BOM selector + dedicated Tech Pack hardware page */
.style-bom-component-switcher{display:grid;grid-template-columns:minmax(240px,420px) 1fr;gap:12px;align-items:end;padding:12px;border:1px solid #d9dee8;border-radius:12px;background:#f8fafc}
.style-bom-component-switcher label{display:grid;gap:5px;font-size:12px;font-weight:800;color:#344054}
.style-bom-component-switcher select{width:100%;border:1px solid #cfd5df;border-radius:9px;background:#fff;padding:9px 10px;font:inherit;color:#101828}
.style-bom-component-switcher span{font-size:12px;line-height:1.45;color:#667085;padding-bottom:7px}
.style-bom-card[data-style-bom-row][hidden]{display:none!important}
body[data-tech-pack-page] .tech-pack-v237-pom-notes.tech-pack-v251-remarks>div{min-height:30px!important}
body[data-tech-pack-page] .tech-pack-v237-pom-notes.tech-pack-v251-remarks span{min-height:12px!important}
body[data-tech-pack-page] .tech-pack-v267-hardware-page{display:flex;flex-direction:column}
body[data-tech-pack-page] .tech-pack-v267-hardware-section{margin:0 12px 12px;border:1px solid #c9ced9;background:#fff;overflow:hidden}
body[data-tech-pack-page] .tech-pack-v267-hardware-section:first-of-type{margin-top:8px}
body[data-tech-pack-page] .tech-pack-v267-hardware-section>h4{margin:0;padding:7px 9px;background:#071c70;color:#fff;font-size:8px;font-weight:950;letter-spacing:.035em}
body[data-tech-pack-page] .tech-pack-v267-hardware-section table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:6.4px}
body[data-tech-pack-page] .tech-pack-v267-hardware-section th,body[data-tech-pack-page] .tech-pack-v267-hardware-section td{border:1px solid #c9ced9;padding:3px 4px;line-height:1.25;vertical-align:middle;overflow-wrap:anywhere}
body[data-tech-pack-page] .tech-pack-v267-hardware-section th{background:#f7f9fc;font-weight:900}
body[data-tech-pack-page] .tech-pack-v267-hardware-section .tech-pack-v264-zipper-images img{width:25px;height:22px;object-fit:contain}
body[data-tech-pack-page] .tech-pack-v267-buttons-section{min-height:78px}
body[data-tech-pack-page] .tech-pack-v267-empty-spec tbody tr{height:28px}
@media(max-width:760px){.style-bom-component-switcher{grid-template-columns:1fr}.style-bom-component-switcher span{padding-bottom:0}}

/* v268 — BOM multi-component controls + visual zipper cards in Tech Pack */
.style-bom-component-switcher{grid-template-columns:minmax(240px,420px) auto 1fr!important;align-items:end!important}
.style-bom-component-switcher-actions{display:flex;align-items:center;gap:9px;white-space:nowrap}
.style-bom-component-switcher-actions strong{font-size:12px;color:#475467}
.style-bom-save-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.tech-pack-zipper-visual-list{display:grid;gap:12px}
.tech-pack-zipper-visual-card{box-shadow:none}
.tech-pack-zipper-visual-card .style-zipper-row-head>span{font-size:11px;font-weight:700;color:#667085}
.tech-pack-zipper-visual-card input[readonly],.tech-pack-zipper-visual-card textarea[readonly]{cursor:default;background:#fff}
.tech-pack-zipper-visual-pickers{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap}
.tech-pack-zipper-visual-pickers>.style-zipper-picker{min-width:120px}
.tech-pack-zipper-selected-option{min-width:104px;max-width:118px;border:1px solid #d0d5dd;border-radius:10px;padding:7px;background:#fff}
.tech-pack-zipper-selected-option img{display:block;width:90px;height:78px;object-fit:contain;margin:auto;background:#f8fafc;border-radius:6px}
.tech-pack-zipper-selected-option span{display:block;text-align:center;font-size:10px;line-height:1.25;margin-top:5px;color:#344054}
.tech-pack-zipper-selected-option.empty{height:112px;display:grid;place-items:center;border-style:dashed;color:#667085}
.tech-pack-zipper-booking-summary{display:grid;grid-template-columns:auto 1fr;gap:8px;padding:8px 10px;background:#f8fafc;border:1px solid #e4e7ec;border-radius:9px;font-size:11px;color:#475467}
.tech-pack-zipper-booking-summary b{color:#17204f}
body[data-tech-pack-page] .tech-pack-v268-hardware-page{display:flex;flex-direction:column}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .tech-pack-v267-hardware-section{margin:0 12px 8px}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .tech-pack-zipper-visual-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:6px}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .tech-pack-zipper-visual-card{padding:5px!important;border-radius:5px!important;gap:4px!important;min-width:0}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .tech-pack-zipper-visual-card .style-zipper-row-head{gap:4px}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .tech-pack-zipper-visual-card .style-zipper-row-head strong{font-size:6.8px}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .tech-pack-zipper-visual-card .style-zipper-row-head span{font-size:5.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .style-zipper-grid{grid-template-columns:1fr 1fr!important;gap:3px!important}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .style-zipper-grid .span-2{grid-column:1/-1}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .style-zipper-grid label{font-size:4.8px;gap:1px}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .style-zipper-grid input,body[data-tech-pack-page] .tech-pack-v268-hardware-page .style-zipper-grid textarea{font-size:5.5px;padding:2px 3px;border-radius:3px;min-height:0;height:15px;resize:none}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .style-zipper-grid textarea{height:20px}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .style-zipper-lengths{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .style-zipper-lengths label{font-size:4.6px;gap:1px}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .style-zipper-lengths input{font-size:5px;padding:2px;height:13px}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .tech-pack-zipper-visual-pickers{gap:3px;flex-wrap:nowrap}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .tech-pack-zipper-visual-pickers>.style-zipper-picker{min-width:0;flex:1}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .style-zipper-picker h5{font-size:4.8px;margin:0 0 2px}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .tech-pack-zipper-selected-option{min-width:0;max-width:none;padding:2px;border-radius:3px}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .tech-pack-zipper-selected-option img{width:100%;height:24px}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .tech-pack-zipper-selected-option span{font-size:4.7px;margin-top:1px}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .tech-pack-zipper-selected-option.empty{height:31px}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .tech-pack-zipper-booking-summary{grid-template-columns:1fr;padding:2px 3px;gap:1px;border-radius:3px;font-size:4.8px;line-height:1.15}
@media(max-width:900px){.style-bom-component-switcher{grid-template-columns:1fr!important}.style-bom-component-switcher-actions{justify-content:flex-start}.style-bom-save-actions{justify-content:flex-start}}
