/* v270 — explicit hardware state + Style Tracking-matched zipper presentation */
.style-hardware-status{display:grid;grid-template-columns:minmax(220px,1.2fr) repeat(2,minmax(210px,1fr));gap:10px;align-items:stretch;margin:0 0 14px;padding:12px;border:1px solid #d9dee8;border-radius:12px;background:#f8fafc}
.style-hardware-status>div{display:grid;align-content:center;gap:4px}.style-hardware-status>div strong{font-size:13px;color:#17204f}.style-hardware-status>div small{color:#667085;line-height:1.35}
.style-hardware-toggle{display:flex;gap:9px;align-items:flex-start;padding:10px 11px;border:1px solid #d0d5dd;border-radius:10px;background:#fff;cursor:pointer}.style-hardware-toggle input{margin-top:2px;width:17px;height:17px;accent-color:#1d4ed8}.style-hardware-toggle span{display:grid;gap:2px}.style-hardware-toggle b{font-size:12px;color:#17204f}.style-hardware-toggle small{font-size:10px;color:#667085;line-height:1.3}
.tech-pack-hardware-none{display:grid;gap:4px;padding:16px;border:1px dashed #aeb7c6;border-radius:12px;background:#f8fafc;color:#475467}.tech-pack-hardware-none strong{font-size:14px;color:#17204f}.tech-pack-hardware-none span{font-size:11px}
.tech-readonly-option{cursor:default!important}.tech-readonly-option.selected{outline:2px solid #1d4ed8;border-color:#1d4ed8}.tech-readonly-option:not(.selected){opacity:.72}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .tech-pack-zipper-visual-list{grid-template-columns:1fr!important;gap:5px!important;padding:5px!important}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .tech-pack-zipper-visual-card{padding:5px!important;gap:4px!important}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .style-zipper-picker{min-width:0}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .style-zipper-options{gap:2px!important;overflow:hidden!important;padding-bottom:0!important}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .style-zipper-option{min-width:42px!important;padding:2px!important;border-radius:3px!important}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .style-zipper-option img{width:38px!important;height:22px!important;border-radius:2px!important}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .style-zipper-option span{font-size:4.3px!important;line-height:1.05!important;margin-top:1px!important}
body[data-tech-pack-page] .tech-pack-v268-hardware-page .tech-pack-hardware-none{margin:6px;padding:8px;border-radius:5px}.tech-pack-v268-hardware-page .tech-pack-hardware-none strong{font-size:7px}.tech-pack-v268-hardware-page .tech-pack-hardware-none span{font-size:5.5px}
@media(max-width:900px){.style-hardware-status{grid-template-columns:1fr}}
.tech-pack-hardware-status-strip{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}.tech-pack-hardware-status-strip span{display:flex;gap:7px;align-items:center;padding:8px 10px;border:1px solid #d0d5dd;border-radius:9px;background:#fff;font-size:11px;color:#475467}.tech-pack-hardware-status-strip span b{color:#17204f}.tech-pack-hardware-status-strip span.none{background:#f8fafc;border-style:dashed}.tech-pack-hardware-status-strip span.used{background:#f6f8ff;border-color:#c7d2fe}

/* v271 — Tech Pack zipper page mirrors Style Tracking UI instead of condensed document boxes */
body[data-tech-pack-page] .tech-pack-v271-hardware-page{display:flex;flex-direction:column}
body[data-tech-pack-page] .tech-pack-v271-hardware-page .tech-pack-v267-hardware-section{margin:8px 12px 7px}
body[data-tech-pack-page] .tech-pack-v271-hardware-page .tech-pack-zipper-visual-list{display:block!important;padding:8px!important;zoom:.72;width:138.888%}
body[data-tech-pack-page] .tech-pack-v271-hardware-page .tech-pack-zipper-visual-card{padding:14px!important;border-radius:14px!important;gap:12px!important;box-shadow:none!important}
body[data-tech-pack-page] .tech-pack-v271-hardware-page .style-zipper-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
body[data-tech-pack-page] .tech-pack-v271-hardware-page .style-zipper-grid .span-2{grid-column:span 2!important}
body[data-tech-pack-page] .tech-pack-v271-hardware-page .style-zipper-grid label{font-size:12px!important;gap:5px!important}
body[data-tech-pack-page] .tech-pack-v271-hardware-page .style-zipper-grid input,body[data-tech-pack-page] .tech-pack-v271-hardware-page .style-zipper-grid textarea{font-size:inherit!important;padding:8px 9px!important;border-radius:8px!important;min-height:0!important;height:auto!important}
body[data-tech-pack-page] .tech-pack-v271-hardware-page .style-zipper-grid textarea{min-height:62px!important;height:62px!important}
body[data-tech-pack-page] .tech-pack-v271-hardware-page .style-zipper-lengths{grid-template-columns:repeat(8,minmax(68px,1fr))!important;gap:8px!important}
body[data-tech-pack-page] .tech-pack-v271-hardware-page .style-zipper-lengths label{font-size:11px!important;gap:4px!important}
body[data-tech-pack-page] .tech-pack-v271-hardware-page .style-zipper-lengths input{font-size:inherit!important;padding:7px!important;height:auto!important}
body[data-tech-pack-page] .tech-pack-v271-hardware-page .style-zipper-picker{min-width:0!important}
body[data-tech-pack-page] .tech-pack-v271-hardware-page .style-zipper-picker h5{font-size:12px!important;margin:0 0 8px!important}
body[data-tech-pack-page] .tech-pack-v271-hardware-page .style-zipper-options{gap:9px!important;overflow:visible!important;padding-bottom:4px!important}
body[data-tech-pack-page] .tech-pack-v271-hardware-page .style-zipper-option{min-width:104px!important;padding:7px!important;border-radius:10px!important;opacity:1!important}
body[data-tech-pack-page] .tech-pack-v271-hardware-page .style-zipper-option img{width:90px!important;height:78px!important;border-radius:6px!important}
body[data-tech-pack-page] .tech-pack-v271-hardware-page .style-zipper-option span{font-size:10px!important;line-height:normal!important;margin-top:5px!important}
body[data-tech-pack-page] .tech-pack-v271-hardware-page .tech-readonly-option.selected{outline:2px solid #1d4ed8!important;border-color:#1d4ed8!important}
body[data-tech-pack-page] .tech-pack-v271-hardware-page .tech-pack-zipper-booking-summary{font-size:11px!important;padding:8px 10px!important;grid-template-columns:auto 1fr!important;gap:8px!important}