.mt-controls { display:flex; gap:12px; flex-wrap:wrap; margin:12px 0; align-items:center; }
.mt-controls label { display:flex; flex-direction:column; gap:4px; font-size:12px; }
.mt-controls select, .mt-controls input { background:#1a1d2c; color:#eee; border:1px solid #2a2d3c; border-radius:6px; padding:6px 8px; min-width:160px; }

.mt-summary { display:flex; gap:18px; flex-wrap:wrap; margin:8px 0 16px; padding:12px; background:#14172a; border:1px solid #232539; border-radius:8px; }
.mt-summary .kv { display:flex; flex-direction:column; }
.mt-summary .kv .k { color:#888; font-size:11px; }
.mt-summary .kv .v { font-size:18px; font-weight:700; }

.mt-table { width:100%; border-collapse:collapse; font-size:13px; }
.mt-table th { text-align:left; padding:8px 6px; color:#888; border-bottom:1px solid #2a2d3c; font-weight:500; }
.mt-table td { padding:8px 6px; border-bottom:1px solid #1a1d2c; }
.mt-table tbody tr:hover { background:#161827; }
.mt-table .imp-bar { height:10px; background:#1a1d2c; border-radius:4px; position:relative; min-width:120px; }
.mt-table .imp-bar > span { display:block; height:100%; border-radius:4px; }

.mt-row-good td { color:#9be0a8; }
.mt-row-fair td { color:#dde08a; }
.mt-row-bad  td { color:#e08a8a; }

#mt-canvas { background:#0a0b16; border-radius:6px; max-width:100%; height:auto; display:block; margin-top:8px; }