/* 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}
