.catalog-demo{padding-top:40px;padding-bottom:40px}#demo-filters{display:flex;gap:18px;align-items:end;flex-wrap:wrap}#demo-filters label{display:grid;gap:8px;flex:1;min-width:180px;font-weight:700}#demo-filters input,#demo-filters select{padding:14px;background:white;border:1px solid #adc9cb;border-radius:5px;font:inherit;width:100%}.demo-scroll{overflow:auto;border:1px solid #cbdedf;border-radius:8px}.catalog-demo table{width:100%;min-width:650px;border-collapse:collapse;text-align:left}.catalog-demo th{text-align:center;background:#17343e;color:white;padding:16px}.catalog-demo td{text-align:center;padding:18px 16px;border-bottom:1px solid #dce9ea}.catalog-demo tr:nth-child(even){background:#f1f7f7}.catalog-demo tbody tr:hover,.catalog-demo tbody tr:focus-within{background:#d5eeec}.catalog-demo td button{padding:10px;border:1px solid #00888a;background:white;color:#006e70;cursor:pointer;border-radius:4px;font-weight:bold}.catalog-demo td button:hover{background:#007d80;color:white}.bom-demo{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;scroll-margin-top:110px}.bom-demo p,.bom-demo li{line-height:1.7}.bom-panel{padding:30px;background:linear-gradient(135deg,#e3f3f2,#edf1f7);border:1px solid #b7d6d7;border-radius:12px}.bom-panel label{display:block;margin-bottom:12px}.bom-panel input{max-width:100%}.catalog-demo :focus-visible{outline:3px solid #13a6b2;outline-offset:3px}@media(max-width:700px){.bom-demo{grid-template-columns:1fr;gap:16px}#demo-filters label{flex-basis:100%}}
.spec-panel{margin:24px 0;padding:22px;border:1px solid #bfdada;border-radius:10px;background:linear-gradient(120deg,#e9f5f4,#f4f7fa)}.spec-panel summary{cursor:pointer;font-weight:700;color:#16424c;font-size:1.1rem}.spec-panel p{line-height:1.5;color:#506871}.spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.spec-grid label{display:grid;gap:8px;font-weight:600}.spec-grid label[hidden]{display:none}.spec-grid select{width:100%;padding:12px;border:1px solid #adc9cb;border-radius:5px;background:white;font:inherit}#clear-specs{margin-top:18px}#clear-specs,#inventory-pages button{padding:10px 16px;border:1px solid #a8c9cc;border-radius:5px;background:white;color:#126d76;cursor:pointer}#inventory-pages{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin:24px 0}#inventory-pages[hidden]{display:none}#inventory-pages button:hover,#inventory-pages button[aria-current]{background:#007e88;color:white}#inventory-pages button:disabled{opacity:.45;cursor:default}#inventory-pages span{padding:8px}@media(max-width:650px){.spec-grid{grid-template-columns:1fr 1fr}.spec-panel{padding:18px 14px}}@media(max-width:400px){.spec-grid{grid-template-columns:1fr}}

.spec-panel{border-left:4px solid #119ca6}.spec-panel summary .filter-symbol{vertical-align:middle;margin-right:10px;color:#008b96}.spec-panel summary>span{vertical-align:middle}.spec-subtitle{font-weight:400;font-size:.95rem;color:#4e6972}@media(max-width:600px){.spec-subtitle{display:block;margin-left:36px;margin-top:6px}}

.inventory-part-link{font-weight:700;color:#007d88;text-decoration:none;transition:color .16s ease}.inventory-part-link:hover,.inventory-part-link:focus-visible{color:#b52c3a;text-decoration:underline;text-underline-offset:3px}@media(prefers-reduced-motion:reduce){.inventory-part-link{transition:none}}

.bom-map-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.bom-map-grid label{display:grid;gap:8px;font-weight:600}.bom-map-grid select,.bom-map-grid input{width:100%;padding:12px;border:1px solid #b5d0d5;border-radius:5px;font:inherit}.bom-good{color:#087058;font-weight:700}.bom-review{color:#97511b;font-weight:700}.bom-pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:24px}.bom-pagination button{padding:10px 18px;cursor:pointer;border:1px solid #a7c9cc;border-radius:5px;background:#edf6f6;color:#175463}.bom-pagination button:disabled{opacity:.45;cursor:default}#bom-mapping[hidden],#bom-results[hidden]{display:none}@media(max-width:700px){.bom-map-grid{grid-template-columns:1fr}}

/* Desktop part-number hint, also visible on keyboard focus. */
@media(min-width:761px){.inventory-part-link{position:relative;display:inline-block}.inventory-part-link::after{content:"View part details";position:absolute;top:100%;left:50%;transform:translateX(-50%);padding:3px 7px;border-radius:4px;background:#17343e;color:#fff;font-size:11px;font-weight:400;line-height:1.3;white-space:nowrap;opacity:0;visibility:hidden;z-index:2;pointer-events:none}.inventory-part-link:hover::after,.inventory-part-link:focus-visible::after{opacity:1;visibility:visible}}
