.cfs-cmat-filters { display: grid; gap: 1rem; grid-template-columns: minmax(0, 1fr); align-items: end; margin-bottom: 0.75rem; }
@media (min-width: 720px) { .cfs-cmat-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); } .cfs-cmat-search { grid-column: 1 / -1; } }
@media (min-width: 1000px) { .cfs-cmat-filters { grid-template-columns: max-content minmax(0, 1fr) minmax(0, 0.8fr); } .cfs-cmat-search { grid-column: 1 / -1; } }
#cfs-cmat-seg { width: max-content; max-width: 100%; height: 44px; box-sizing: border-box; align-items: center; overflow-x: auto; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; }
#cfs-cmat-seg button { flex: 0 0 auto; padding-inline: 0.95rem; }
.cfs-table-scroll { overflow-x: auto; overflow-y: auto; max-height: 72vh; -webkit-overflow-scrolling: touch; margin-block: 1rem; border: 1px solid var(--border, #E5E4DF); border-radius: 8px; max-width: 100%; }
.cfs-cmat-table { table-layout: auto; width: max-content; min-width: 100%; font-size: 14px; line-height: 1.4; }
.cfs-cmat-table th, .cfs-cmat-table td { padding: 0.4rem 0.65rem; vertical-align: top; font-size: 14px; }
.cfs-cmat-table thead th { position: sticky; top: 0; z-index: 3; }
.cfs-cmat-table thead th:first-child { left: 0; z-index: 4; }
.cfs-cmat-table th[scope="row"] { background: #fff; position: sticky; left: 0; font-weight: 700; z-index: 2; }
.cfs-cmat-table td { white-space: normal; min-width: 70px; }
.cfs-cmat-table td:nth-child(2) { min-width: 90px; max-width: 150px; }
.cfs-cmat-table td:nth-child(4) { min-width: 110px; max-width: 150px; }
.cfs-cmat-table th[scope="row"] { white-space: normal; min-width: 140px; max-width: 170px; }
.cfs-cmat-table td.cfs-cmat-notes { min-width: 220px; max-width: 360px; white-space: normal; }
.cfs-cmat-table tr[hidden] { display: none; }
#cfs-cmat-count { margin: 0.25rem 0 0; }
@media (max-width: 600px) { .cfs-cmat-table thead th:first-child { left: 0; z-index: 4; } .cfs-cmat-table th[scope="row"] { box-shadow: 1px 0 0 var(--border, #E5E4DF); } }