.mgi-list { padding: 8px !important; min-width: 380px; }

.mgi-card {
  border: 1px solid rgba(148,163,184,.18) !important;
  border-radius: 12px !important;
  margin: 7px 4px !important;
  padding: 13px 16px !important;
  background: rgba(148,163,184,.05) !important;
  cursor: pointer;
  transition: border-color .15s, background .15s, transform .12s;
}
.mgi-card:hover { border-color:#10b981 !important; background:rgba(16,185,129,.08) !important; transform:translateY(-1px); }
.mgi-card[data-state="checked"], .mgi-card[aria-selected="true"] {
  border-color:#10b981 !important; background:rgba(16,185,129,.10) !important; box-shadow: inset 3px 0 0 #10b981;
}
.mgi-card[data-highlighted] { border-color:#10b981 !important; }

.mgi-badge {
  font-weight: 600 !important;
  border-radius: 999px !important;
  padding: 2px 12px !important;
  font-size: 12px !important;
}
.mgi-card[data-mgi-level="low"]  .mgi-badge { background:rgba(16,185,129,.15) !important; color:#10b981 !important; }
.mgi-card[data-mgi-level="mid"]  .mgi-badge { background:rgba(59,130,246,.15) !important; color:#60a5fa !important; }
.mgi-card[data-mgi-level="high"] .mgi-badge { background:rgba(245,158,11,.18) !important; color:#f59e0b !important; }