/* ==========================================================================
   Skills matrix (#/skillsmatrix, #318) — sm- prefix.
   Borrows .card/.table/.cmp-head/.cmp-na; only the pills, the four-count chips
   and the filter row are its own.
   ========================================================================== */
.sm-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-weight:700;font-size:12.5px;color:var(--muted);margin-bottom:14px}
.sm-filters label{display:inline-flex;align-items:center;gap:7px}
.sm-search input{font-family:inherit;font-weight:600;font-size:13px;padding:6px 10px;border:1px solid var(--line);border-radius:8px;min-width:180px}
.sm-table th{white-space:normal;min-width:96px;vertical-align:bottom}
.sm-name{min-width:190px}
.sm-gate{font-size:11px}
.sm-rowsum{margin-top:6px}
.sm-od-txt{color:var(--red)}
.sm-pill{display:inline-block;font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px;white-space:nowrap}
.sm-pill--ok{background:#e5f6e9;color:#1f7a3d}
.sm-pill--ip{background:#fff2e0;color:#b96a12}
.sm-pill--ns{background:#eef1f6;color:#5b6675}
.sm-pill--od{background:#fde5e0;color:#c0361a}
.sm-pill--un{background:repeating-linear-gradient(45deg,#eef1f6,#eef1f6 4px,#e3e8ef 4px,#e3e8ef 8px);color:#5b6675}
.sm-chips{display:inline-flex;gap:4px}
.sm-chip{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 5px;border-radius:6px;font-size:11px;font-weight:800;cursor:default}
.sm-chip--ns{background:#eef1f6;color:#5b6675}
.sm-chip--ip{background:#fff2e0;color:#b96a12}
.sm-chip--od{background:#fde5e0;color:#c0361a}
.sm-chip--ok{background:#e5f6e9;color:#1f7a3d}