.catalog-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:20px}
.catalog-stats div{background:var(--panel);padding:18px}
.catalog-stats strong{display:block;font-size:28px;font-weight:400}
.catalog-stats span{display:block;margin-top:6px;color:#737a80;font-size:9px;letter-spacing:.11em}
.catalog-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.catalog-toolbar input{grid-column:span 2}.catalog-toolbar>span{grid-column:span 2;align-self:center}
.catalog-toolbar input,.catalog-toolbar select{width:100%;background:#101215;border:1px solid var(--line);padding:14px;color:white}
.catalog-toolbar span{text-align:right}
.catalog-badge{display:inline-block;margin-top:14px;padding:5px 7px;border:1px solid #353a3e;color:#8e969c;font-size:8px;letter-spacing:.1em}
.catalog-badge.reference{border-color:#315d46;color:var(--ok)}
.catalog-badge.template{border-color:#614f2d;color:var(--warn)}
.catalog-meta{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #282d31;margin:16px 0 12px;padding-top:10px;color:#697177;font-size:9px}.context-status{border-left:2px solid var(--red);background:#101316;color:#858d93;padding:12px 16px;margin-bottom:14px;font-size:11px;letter-spacing:.04em}.field{transition:opacity .2s ease}.field.context-hidden{display:none}.system-pill{display:block;color:#d5d9db;font-size:10px;font-weight:600;letter-spacing:.06em;margin-bottom:5px}#bomBody td small{display:block;color:#697177;margin-top:5px}
.catalog-specs{margin:16px 0;border-top:1px solid #282d31}.catalog-specs div{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:7px 0;border-bottom:1px solid #202428}.catalog-specs dt{color:#697177;font-size:9px;text-transform:uppercase;letter-spacing:.06em}.catalog-specs dd{margin:0;color:#c7cbce;font-size:10px;text-align:right;overflow-wrap:anywhere}
.visual-split{grid-template-columns:minmax(320px,.65fr) minmax(620px,1.35fr)}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.chart-grid article{padding:22px;min-height:430px}.chart-grid article:last-child{grid-column:1/-1}.chart-grid canvas{width:100%;height:auto;background:#0a0c0e}.sketch{position:relative;min-height:560px}.sketch canvas{max-height:500px;object-fit:contain}.visual-legend{display:flex;flex-wrap:wrap;gap:22px;color:#788087;font-size:10px;margin-top:12px}.visual-legend i{display:inline-block;width:16px;height:3px;background:#c8cdd0;margin-right:7px;vertical-align:middle}.visual-legend i.red{background:var(--red)}
@media(max-width:1200px){.catalog-stats{grid-template-columns:repeat(2,1fr)}.catalog-toolbar{grid-template-columns:1fr 1fr}.visual-split{grid-template-columns:1fr}.sketch{min-height:auto}}
@media(max-width:640px){.catalog-stats,.catalog-toolbar,.chart-grid{grid-template-columns:1fr}.catalog-toolbar span{text-align:left}.chart-grid article:last-child{grid-column:auto}}