.style-bom-card-editor{display:grid;gap:14px}.style-bom-editor-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:4px 0 10px}.style-bom-editor-head h4{margin:0 0 4px}.style-bom-editor-head p{margin:0;color:#667085}.style-bom-editor-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.style-bom-meta-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr 1fr;gap:9px}.style-bom-meta-grid label,.style-bom-card-grid label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#344054}.style-bom-meta-grid input,.style-bom-card-grid input,.style-bom-card-grid textarea{width:100%;border:1px solid #cfd5df;border-radius:8px;padding:8px 9px;font:inherit;background:#fff;color:#101828}.style-bom-card-grid textarea{min-height:62px;resize:vertical}.style-bom-card-list,.tech-pack-bom-editor{display:grid!important;gap:14px!important;overflow:visible!important}.style-bom-card{border:1px solid #d9dee8!important;border-radius:14px!important;padding:14px!important;background:#fff!important;display:grid!important;gap:12px!important;min-width:0!important}.style-bom-card-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.style-bom-card-head strong{font-size:15px;color:#17204f}.style-bom-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.style-bom-card-grid .span-2{grid-column:span 2}.style-bom-picker h5{margin:0 0 8px;font-size:12px}.style-bom-image-options{display:flex;gap:9px;overflow:auto;padding:2px 2px 6px}.style-bom-image-option{position:relative;min-width:112px;max-width:112px;border:1px solid #d0d5dd;border-radius:10px;padding:7px;background:#fff;cursor:pointer}.style-bom-image-option input{position:absolute;opacity:0;pointer-events:none}.style-bom-image-option:has(input:checked){outline:2px solid #1d4ed8;border-color:#1d4ed8}.style-bom-image-option img{display:block;width:96px;height:82px;object-fit:contain;margin:auto;background:#f8fafc;border-radius:6px}.style-bom-image-option span{display:block;text-align:center;font-size:10px;line-height:1.25;margin-top:5px;color:#344054;overflow-wrap:anywhere}.style-bom-save-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;border:1px solid #e4e7ec;background:#f8fafc;border-radius:10px;color:#667085;font-size:12px}.style-bom-empty{padding:16px;border:1px dashed #cfd5df;border-radius:10px;color:#667085;background:#f8fafc}.style-bom-card.read-only{grid-template-columns:130px 1fr}.style-bom-card.read-only .style-bom-card-head{grid-column:1/-1}.style-bom-card-main-image{width:120px;height:120px;object-fit:contain;border:1px solid #e4e7ec;border-radius:10px;background:#f8fafc}.style-bom-card.read-only dl{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.style-bom-card.read-only dl div{padding:8px;border:1px solid #e4e7ec;border-radius:8px}.style-bom-card.read-only dt{font-size:10px;font-weight:800;text-transform:uppercase;color:#667085}.style-bom-card.read-only dd{margin:4px 0 0;font-size:12px;color:#101828}.tech-pack-bom-editor-row.style-bom-card input,.tech-pack-bom-editor-row.style-bom-card textarea{width:100%;min-width:0;border:1px solid #cfd5df;border-radius:8px;background:#fff;padding:8px 9px;color:#101828;font:inherit}.tech-pack-bom-editor-row.style-bom-card textarea{min-height:62px;resize:vertical}.tech-pack-bom-editor-labels{display:none!important}
@media(max-width:1100px){.style-bom-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.style-bom-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.style-bom-card-grid .span-2{grid-column:1/-1}}
@media(max-width:700px){.style-bom-editor-head,.style-bom-save-foot{align-items:stretch;flex-direction:column}.style-bom-editor-actions{justify-content:flex-start}.style-bom-meta-grid,.style-bom-card-grid{grid-template-columns:1fr}.style-bom-card-grid .span-2{grid-column:auto}.style-bom-card.read-only{grid-template-columns:1fr}.style-bom-card.read-only dl{grid-template-columns:1fr}.style-bom-card-main-image{width:100%;height:180px}}
.tech-pack-bom-editor-row.style-bom-card{grid-template-columns:1fr!important;align-items:stretch!important}