.mx-hdr { display:flex; align-items:center; gap:12px; padding:16px 0; flex-wrap:wrap; }
.mx-badge { font-size:12px; font-weight:700; padding:4px 12px; border-radius:12px; }
.mx-badge.crit { background:rgba(229,57,53,0.12); color:#e53935; }
.mx-badge.high { background:rgba(245,124,0,0.12); color:#f57c00; }
.mx-total { font-size:13px; color:var(--text-dim); margin-left:auto; }

.mx-dom { margin-bottom:28px; }
.mx-dom h3 { font-size:15px; margin:0 0 8px; }
.mx-scroll { overflow-x:auto; border-radius:8px; border:1px solid var(--glass-border); }

.mx-tbl { width:100%; border-collapse:collapse; font-size:12px; table-layout:fixed; }
.mx-tbl th { padding:8px 6px; text-align:center; font-weight:600; font-size:11px;
  background:var(--glass-bg); border-bottom:2px solid var(--glass-border); white-space:nowrap; }
.mx-tbl td { padding:6px; border-bottom:1px solid var(--glass-border); text-align:center; font-weight:600; }
.mx-tbl tr:hover td { background:rgba(25,118,210,0.04); }

.mx-item-col { text-align:left !important; min-width:180px; max-width:220px; position:sticky;
  left:0; z-index:3; background:var(--glass-bg); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
td.mx-item-col { background:var(--card-bg,#fff); font-weight:500; cursor:default; }
tr:hover td.mx-item-col { background:rgba(25,118,210,0.06); }

.mx-final-col { text-align:center !important; min-width:72px; max-width:80px; }
td.mx-final { text-align:center; font-weight:600; font-size:12px; white-space:nowrap; }
.mx-metric-col { text-align:left !important; min-width:200px; max-width:280px; }

td.mx-metric { text-align:left; font-size:11px; font-weight:400; padding:4px 8px;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:280px; cursor:default; }
td.mx-na { color:#bbb; font-weight:400; }

.mx-high { background:rgba(46,125,50,0.1); color:#2e7d32; }
.mx-mid { background:rgba(245,124,0,0.08); color:#f57c00; }
.mx-low { background:rgba(229,57,53,0.08); color:#e53935; }
.mx-zero { background:rgba(0,0,0,0.03); color:#999; }

td.mx-delta { font-weight:700; }
td.mx-delta.mx-crit { color:#e53935; }
td.mx-delta.mx-high { color:#f57c00; }

tr.mx-crit td:first-child { border-left:3px solid #e53935; }
tr.mx-high td:first-child { border-left:3px solid #f57c00; }